那些你应该考虑卸载的 VSCode 扩展

那些你应该考虑卸载的 VSCode 扩展

💡 原文中文,约7800字,阅读约需19分钟。
📝

内容提要

文章指出,许多高下载量的 VSCode 扩展已过时:部分功能已被内置(如 Path Intellisense、Auto Close Tag、npm Intellisense、TypeScript 相关扩展),部分维护不积极(如 Color Highlight、TODO Highlight、Live Server、Bracket Pair Colorizer 2、import-cost)。建议卸载这些扩展,改用内置功能或替代品,并可通过 extensions.json 推荐扩展。

🔎

延伸解读

扩展过多带来的性能与冲突问题

文章指出,安装过多 VSCode 扩展会导致启动变慢、扩展之间功能冲突以及 CPU 占用过高。例如,多个修改代码颜色的扩展可能相互干扰,TODO Highlight 和 Todo Tree 功能重复,而 import-cost 等扩展存在 CPU 占用问题。读者可通过命令面板的 Developer: Startup Performance 查看各扩展的启动加载时间,从而识别性能瓶颈。

内置功能替代过时扩展

许多高下载量扩展的功能已被 VSCode 内置,如 Path Intellisense、Auto Close Tag、Auto Rename Tag、npm Intellisense 以及 TypeScript 相关扩展。文章建议卸载这些扩展,直接使用内置功能。例如,Auto Rename Tag 可通过 F2 重构或设置 editor.renameOnType 实现;TypeScript 的自动导入和重构等功能也已内置。

维护不积极的扩展及替代选择

部分扩展长期未更新且存在未解决问题,如 Color Highlight、TODO Highlight、Live Server、Bracket Pair Colorizer 2、import-cost 等。文章推荐了一些替代品:Color Highlight 可换用 vscode-colorize,TODO Highlight 可换用 Todo Tree,SVG Viewer 可换用 vscode-svg2,Regex Previewer 可改用在线工具 regex101。对于 Live Server 和 Brack

通过 extensions.json 管理扩展推荐

文章介绍了在项目根目录的 .vscode/extensions.json 文件中配置推荐和不推荐扩展的方法。通过 recommendations 和 unwantedRecommendations 字段,团队可以统一扩展使用,避免成员安装过时或有问题的扩展。在扩展市场选择 Show Recommended Extensions 即可查看推荐列表。

❓

Q&A

为什么我应该考虑卸载一些VSCode扩展?

安装过多扩展会导致启动变慢、扩展之间冲突、CPU占用过高。许多高下载量扩展已过时,功能被内置或维护不积极,卸载它们可以提升性能并避免问题。

哪些VSCode扩展的功能已经被内置,可以卸载?

Path Intellisense、Auto Close Tag、Auto Rename Tag、npm Intellisense、Document This、HTML Snippets、TypeScript相关扩展(如Auto Import、TypeScript Hero等)的功能已被VSCode内置,建议卸载。

有哪些维护不积极的VSCode扩展推荐卸载?

Color Highlight、TODO Highlight、Live Server、Bracket Pair Colorizer 2、import-cost、Output Colorizer、SVG Viewer、Regex Previewer、vscode-fileheader、XML Tools等扩展维护不积极,建议考虑卸载或寻找替代品。

如何查看VSCode扩展对启动性能的影响?

在VSCode命令面板中调用命令“Developer: Startup Performance”,可以查看各个扩展在VSCode启动时的加载时间。

如何向团队推荐或禁止某些VSCode扩展?

在项目根目录的.vscode/extensions.json文件中配置recommendations和unwantedRecommendations字段,可以推荐或禁止特定扩展。

有哪些替代品可以替换不推荐的VSCode扩展?

Color Highlight可用vscode-colorize替代;TODO Highlight推荐Todo Tree;SVG Viewer推荐vscode-svg2;Regex Previewer推荐在线工具regex101;vscode-fileheader推荐koroFileHeader;XML Tools推荐红帽的XML;Beautify推荐prettier;TSLint推荐ESLint;GitHub扩展推荐GitHub Pull Requests。

🏷️

标签

➡️

继续阅读