5个不必要的VS Code扩展，你早该删了它

标签：Code VSCode Auto 导入该删 VS 括号 HTML 下载量

你能数一下你现在有多少VS代码扩展吗？开的越多，平时越慢。

目前有大量的扩展提供了VS Code已经内置的功能，它们是在功能还没有添加的时候启用的，但是现在已经变成了累赘。

1.Auto Close HTML/XML Tag

当您添加新的HTML标记时，此功能会自动添加相应的结束标记。

这些扩展为VSCode添加了自动关闭功能：

Auto Close Tag (下载量12.3M+): “自动添加HTML/XML闭合标签，与Visual Studio IDE或Sublime Text相同”.

Close HTML/XML Tag (下载量344K): “快速闭合上次打开的HTML/XML标签”。

但功能已经内置
我使用这些设置来启用/禁用VSCode中标签的自动关闭：

HTML: Auto Closing Tags: "Enable/disable autoclosing of HTML tags". 默认为 true 。
JavaScript: Auto Closing Tags: "Enable/disable automatic closing of JSX tags". 默认为 true
TypeScript: Auto Closing Tags: "Enable/disable automatic closing of JSX tags".默认为 true 。

将以下内容添加到 settings.json 文件以启用它们：

2. Path autocompletion

路径自动完成功能提供了项目中的文件列表，以便在导入模块或链接HTML中的资源时进行选择。

Extensions for this 扩展为此

These extensions add the path autocompletion feature to VSCode:
这些扩展将路径自动完成功能添加到VSCode：

Path IntelliSense (下载量12.5M+ )
Path Autocomplete (下载量1.7M+)

VS Code已经有本机路径自动完成功能。

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

3. Snippets for HTML & CSS

这些扩展通过使用您可以轻松回忆的缩写来添加常见的HTML和CSS片段，从而帮助您节省时间

HTML Snippets (下载量10.1M+)
HTML Boilerplate (下载量3.2M+)
CSS Snippets (下载量225K+)

Emmet是已经内置的VSCode特性，它提供了类似于这些扩展的HTML和CSS代码段。

它在html、haml、pug、slim、jsx、xml、xsl、css、scss、sass、less和stylus 文件中默认启用。

When you start typing an Emmet abbreviation, a suggestion will pop up with auto-completion options; You’ll also see a preview of the expansion as you type in the VSCode’s suggestion documentation fly-out (if it is open).
当你开始输入一个缩写时，一个建议将弹出自动完成选项;

当你在VSCode的建议文档弹出窗口（如果它是打开的）中输入时，你还将看到一个扩展的预览。

比如：

会变成这样：

请注意缩写与 CSS 选择器有多么相似，这是设计使然；正如官网所述，Emmet 语法的灵感来自于 CSS 选择器。

4. Bracket pair colorization

括号对着色是一种流行的语法突出显示功能，它根据括号的顺序为括号着色。
它可以更轻松地识别范围，并有助于编写涉及许多括号的表达式，例如单语句函数组合。

在VS Code内置它之前，这些扩展有助于在编辑器中启用该功能：

Bracket Pair Colorizer 2 (下载量6.1M+): 自2021年以来已经被弃用。
Rainbow Brackets: (下载量1.9M)

但功能已经内置

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

官方宣称他们表示原生括号对着色功能比 Bracket Pair Colorizer 2 快 10,000 倍以上。
下面是启用/禁用括号对着色的设置。

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 Imports 自动导入模块

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

If the module files are moved, the feature will help automatically update them.
如果模块文件被移动，该功能将帮助自动更新它们。

以下是一些为VSCode用户提供该功能的最流行的扩展

Auto Import (下载量3.8M)
Move TS (下载量810K)

但相关功能已经内置，您可以通过以下设置启用或禁用VSCode中的自动导入模块。

JavaScript > Suggest: Auto Imports ：“启用/禁用自动导入建议”。默认为 true 。
TypeScript > Suggest: Auto Imports ：“启用/禁用自动导入建议”。默认为 true 。
JavaScript > Update Imports on File Move ：“启用/禁用自动更新导入路径时，您重命名或移动文件在VS代码”.默认值为 prompt ，这意味着将显示一个对话框，询问您是否要更新已移动文件的导入。将其设置为 always 将导致跳过对话框，而 never 将完全关闭该功能。
TypeScript > Update Imports on File Move ：“启用/禁用自动更新导入路径时，您重命名或移动文件在VS代码”.与前面的设置一样，它的可能值为 prompt 、 always 和 never ，默认值为 prompt 。

使用以下 settings.json 属性控制这些设置：

You can also add this setting if you want your imports to be organized any time the file is saved.
如果希望在保存文件时随时导入，也可以添加此设置。

这将删除未使用的导入语句，并将绝对路径放在导入语句的顶部，从而提供一种不干涉的方式来清理代码。

标签：Code,VSCode,Auto,导入,该删,VS,括号,HTML,下载量
From： https://blog.csdn.net/yu101994/article/details/137505294