10个应立即卸载的VS Code扩展，以提升性能

你知道你现在有多少个VS Code扩展吗？

我：多达56个。

如果你发现VS Code随着时间推移变得越来越慢且更耗电，这个数字可能是原因之一。

因为每一个新的扩展都会增加应用程序的内存和CPU使用量。

编程已经足够具有挑战性了；没有必要再与这些问题作斗争：

因此，我们需要尽量减少扩展的数量，以降低资源使用，并防止这些扩展相互冲突或与内置功能产生冲突。

你可能不知道，市场上有很多扩展提供的功能，VS Code实际上已经内置了这些功能。

通常，这些扩展在功能尚未集成时开发，但一旦这些功能被添加，扩展便显得多余。

以下是一些VS Code已经集成的功能和提供这些功能的扩展。卸载这些现在可有可无的扩展将提高你的编辑器性能与效率。

我还将列出一些控制这些功能行为的设置。如果你不确定如何更改设置，这个指南将对你有所帮助。

1. 自动关闭HTML标签

当你添加一个新的HTML标签时，这个功能会自动生成相应的关闭标签。

扩展：

Auto Close Tag（1200万+下载）："自动添加HTML/XML关闭标签，类似于Visual Studio IDE或Sublime Text"。
Close HTML/XML Tag（34.4万下载）："快速关闭最近打开的HTML/XML标签"。

但是，功能已经内置：

HTML: Auto Closing Tags："启用/禁用HTML标签的自动关闭"。默认值为true。
JavaScript: Auto Closing Tags："启用/禁用JSX标签的自动关闭"。默认值为true。
TypeScript: Auto Closing Tags："启用/禁用JSX标签的自动关闭"。默认值为true。

你可以在你的settings.json文件中添加以下内容来启用这些功能。

2. 路径自动补全

路径自动补全功能在你导入模块或在HTML中链接资源时，会提供一个项目中文件的列表供你选择。

扩展：

Path IntelliSense（1250万+下载）："Visual Studio Code插件，自动补全文件名"。
Path Autocomplete（170万+下载）："为Visual Studio Code和VS Code Web版提供路径补全"。

但是，功能已经内置：

VS Code已原生支持路径自动补全。

当我输入文件名以导入时（通常在输入开始引号时），会显示一个建议的项目文件列表供我快速选择。

3. HTML和CSS片段

这些扩展通过添加容易记住的缩写来帮助你快速插入常用的HTML和CSS片段。

扩展：

HTML Snippets（1010万+下载）："完整的HTML标签，包括HTML5片段"。
HTML Boilerplate（320万+下载）："基本的HTML5样板代码生成器"。
CSS Snippets（22.5万+下载）："CSS简写片段"。

但是，功能已经内置：

Emmet是VSCode内置的功能，提供类似于这些扩展的HTML和CSS片段。

如你所见，在VSCode Emmet官方指南中，它默认在html、haml、pug、slim、jsx、xml、xsl、css、scss、sass、less和stylus文件中启用。

简洁全面。

当你开始输入Emmet缩写时，会弹出建议，并伴随自动补全选项；你还可以在VSCode的建议文档悬浮框中看到展开的预览。

4. 括号配对着色

括号配对着色是一种流行的语法高亮功能，它根据括号的顺序为它们着色。

这使得识别作用域变得更容易，并帮助你编写涉及许多括号的表达式，如单行函数组合。

扩展：

Bracket Pair Colorizer 2（610万+下载）："一个用于着色匹配括号的可自定义扩展"。它现在已经被弃用。
Rainbow Brackets（190万+下载）："VS Code的彩虹括号扩展"。

但是，功能已经内置：

在看到对括号配对着色的需求以及将其作为扩展添加的性能问题后，VSCode团队决定将其集成到编辑器中。

在一篇博客中，他们表示，原生的括号配对着色功能比Bracket Pair Colorizer 2快一万倍以上。

以下是启用/禁用括号配对着色的设置：

Editor > Bracket Pair Colorization："控制是否启用括号配对着色"。默认值为true。

你可以通过在settings.json中添加以下内容来启用它：

可以使用的颜色最多有6种，适用于连续的嵌套级别。不过，每个主题都有其最大颜色。例如，Dracula主题默认有6种颜色，但One Dark Pro主题只有3种。

你可以使用workbench.colorCustomizations设置来自定义任何主题的括号颜色。

我们在方括号（[ ]）中指定主题的名称，然后将值分配给相关属性。editorBracketHighlight.foregroundN属性设置第N组括号的颜色，最大值为6。

现在，这将是One Dark Pro的括号配对着色效果：

5. 模块自动导入

通过自动导入功能，在文件中引用模块的函数、变量或其他成员时，模块会自动导入到文件中，从而节省时间和精力。

如果模块文件被移动，自动导入功能会自动更新它们。

扩展：

Auto Import（380万下载）："自动查找、解析并为所有可用的导入提供代码操作和代码补全。适用于TypeScript和TSX"。
Move TS（81万下载）："用于移动TypeScript文件和文件夹，并更新工作区中的相对导入"。

**但是，功能已经内置：**你可以通过以下设置在VSCode中启用或禁用模块的自动导入。

JavaScript > Suggest: Auto Imports："启用/禁用自动导入建议"。默认值为true。
TypeScript > Suggest: Auto Imports："启用/禁用自动导入建议"。默认值为true。
JavaScript > Update Imports on File Move："启用/禁用在VS Code中重命名或移动文件时自动更新导入路径"。默认值为prompt，这意味着会向你显示一个对话框，询问是否要更新移动文件的导入。将其设置为always会跳过对话框，而设置为never则完全关闭该功能。
TypeScript > Update Imports on File Move："启用/禁用在VS Code中重命名或移动文件时自动更新导入路径"。与上一个设置类似，它的可能值为prompt、always和never，默认值为prompt。