【vscode】卸载这些已经被 VSCode 内置的扩展，提升编辑器性能和效率

最新推荐文章于 2024-08-13 08:51:52 发布

湫夨兮

最新推荐文章于 2024-08-13 08:51:52 发布

阅读量551

点赞数

文章标签：编辑器 vscode ide

本文链接：https://blog.csdn.net/weixin_51083890/article/details/133158648

版权

在使用VSCode进行前端开发的过程中，我们通常会安装一些扩展来提高开发效率。然而，随着VSCode的不断更新和改进，一些功能已经被内置到编辑器中，我们不再需要额外安装相应的扩展。卸载这些已经被内置的扩展可以帮助我们提升编辑器的性能和效率。下面是一些常见的已经被内置的扩展：

Auto Close Tag：这个扩展在添加新的HTML标签时会自动添加闭合标签。然而，现在VSCode已经内置了类似的功能，我们可以在html、js、jsx、tsx文件中实现自动闭合，默认是开启的，无需额外配置。

// 默认自动闭合标签的设置，setting.json
"html.autoClosingTags": true

Auto Rename Tag：这个扩展可以在修改HTML标签时自动重命名相应的闭合标签。现在VSCode也已经内置了这个功能，并且在新版本中支持了jsx和tsx文件中的HTML标签重命名。

// 启用自动重命名HTML标签，setting.json
"editor.linkedEditing": true

Trailing Spaces：这个扩展可以自动删除末尾的空白字符，确保一致的格式。然而，现在VSCode已经内置了类似的功能，并且在保存文件时会自动修剪文件，无需额外命令或突出显示。

// 自动修剪文件末尾的空白字符，setting.json
"files.trimTrailingWhitespace": true

路径自动补全：VSCode已经具备原生的路径自动补全功能，当输入需要导入的文件名时，编辑器会列出项目中的文件列表供选择，无需额外安装路径自动补全扩展。
Settings Sync：这个扩展可以同步VSCode的配置环境，方便在多台电脑之间同步设置。然而，现在VSCode已经内置了同步功能，可以通过绑定账号和配置同步内容来实现。
HTML Snippets：现在VSCode内置了Emmet功能，提供了类似的HTML和CSS片段，无需额外安装扩展。

<!-- 使用Emmet生成HTML代码 -->
ul>li.slide*3>p.item$

Bracket pair colorization：VSCode已经内置了类似的功能，括号之间会有不同的颜色来区分。

// 启用括号颜色区分，setting.json
"editor.tokenColorCustomizations": {
    "bracketPairColorization.enabled": true
}

8.Auto Import：具有自动导入功能时，当文件中引用了模块的函数、变量或其他成员时，该模块会自动导入到文件中，从而节省时间和精力。如果模块文件被移动，这个扩展将帮助自动更新它们。现这些功能也被 VsCode 内置了。
VsCode 设置自动导入：

JavaScript > Suggest: Auto Imports: “启用/禁用自动导入建议”。默认情况下为 true。

TypeScript > Suggest: Auto Imports: “启用/禁用自动导入建议”。默认情况下为 true。

文件移动时更新设置：

JavaScript > Update Imports on File Move: “启用/禁用在重命名或移动文件时自动更新导入路径的功能”。默认值为 prompt，表示会向您显示一个对话框，询问是否要更新移动文件的导入。将其设置为 always 将跳过对话框，而设置为 never 将完全关闭此功能。

TypeScript > Update Imports on File Move: “启用/禁用在重命名或移动文件时自动更新导入路径的功能”。与前一个设置类似，它有可能的值是 prompt、always 和 never，默认值是 prompt。

通过卸载这些已经被内置的扩展，我们可以减少不必要的内存占用，提升编辑器的性能和效率。当然，对于一些特殊需求或习惯使用这些扩展的开发者来说，仍然可以选择继续使用。但对于大多数开发者来说，了解这些已经被内置的功能并进行相应的卸载是一个不错的选择。

总结：

随着VSCode的不断更新和改进，一些常用的扩展已经被内置到编辑器中。卸载这些已经被内置的扩展可以帮助我们提升编辑器的性能和效率。同时，VSCode提供了类似的功能，无需额外安装扩展。当然，对于特殊需求或习惯使用这些扩展的开发者来说，仍然可以选择保留。但对于大多数开发者来说，了解这些已经被内置的功能并进行相应的卸载是一个明智的选择。

vscode扩展：