【Vscode】插件使用建议
Vscode版本:1.87.0
使用插件的优缺点
优点:
- 增强编码体验和效率:我们可以从依赖庞大的插件市场中选择插件来帮我们增强编码体验和效率。
缺点:
- 性能下降:过多的插件可能导致 VS Code 的启动速度变慢,特别是在启动或打开大型项目时。这是因为每个插件都需要加载其自己的代码和资源,这可能会消耗更多的内存和处理器资源。
- 冲突和兼容性问题:一些插件可能与其他插件或 VS Code 的某些功能发生冲突。这可能导致不稳定的行为、错误或功能失效。
- 界面混乱:大量的插件可能会增加 VS Code 的界面复杂性。每个插件都可能添加自己的命令、设置或视图,这可能会使界面变得混乱和难以管理。
使用建议
- 合理选择插件,使用频率很低的插件就考虑卸载。
- 合理设置插件的启用状态,暂时用不到的插件可以禁用,需要使用的时候再启用。
- 官方已经通过内置实现的功能优先使用。
一些建议卸载或更换的插件
原因:以下功能官方已经通过内置实现了或有更优的替代方案
- TypeScript Vue Plugin
Vue 已经推出了官方扩展的 2.0 版本,它现在能够单独提供完整的 Vue 语言支持,建议使用官方扩展替代。 Auto Close Tag
VS Code 已经默认支持对 HTML、JSX、TSX 标签的自动关闭。HTML:Auto Closing Tags JavaScript:Auto Closing Tags TypeScript:Auto Closing Tags
注:对 Vue文件的标签自动闭合还是需要依靠Vue官方推出的插件 Vue - Official实现
- Trailing Spaces
VS Code 支持保存文件时自动删除文件中的尾随空格。不过需要主动启用。Files:Trim Trailing Whitespace
Auto Import
Vscode 已经默认支持文件中使用了模块时的自动导入和模块文件移动时的更新。JavaScript:Suggest:Auto Imports TypeScript:Suggest:Auto Imports Vue:Update Imports On File Move:Enabled JavaScript:Update Imports On File Move:Enabled TypeScript:Update Imports On File Move:Enabled
- HTML Snippets、HTML Boilerplate、CSS Snippets
VSCode 已经内置了 Emmet 功能,它提供了类似于这些扩展的HTML和CSS代码片段。而且Emmet 在 html、haml、pug、slim、jsx、xml、xsl、css、scss、sass、less 和 stylus 文件中默认启用。