2022分享vscode编辑器好用的插件

 

vscode的简介：

vscode是微软开发的一款轻量级代码编辑器，免费、开源而且功能强大。vscode是用electron开发可在多端运行，可以适用多种语言的开发工具。

文章：微软的 VS Code 有 1400 万用户，而全球开发者才 2400 万。

目的：

工欲善其事，必先利其器。通过配置 VSCode 插件来提高生产力。

如何配置插件：

1.安装vscode；

2.打开软件，找到插件入口；

3.输入相应的插件名称，基本安装了就可以了。

非常好用的插件：

1.code spell Checker

下载量：244w+

这个是项目单词拼写检测，可以在进行项目工作区进行是否区分使用。

2.Chinese (Simplified) Language Pack for Visual Studio Code

下载量：886w+

此中文（简体）语言包为 VS Code 提供本地化界面。

3.EditorConfig for VS Code

下载量：329w+

当多个人参与一个项目，每个人使用的编辑器不一样，代码风格自然也不一样，开发者能够轻松的遵守最基本的代码规范。

.editorconfig文件会被EditorConfig 识别的。

4.Color Picker

下载量：73w+

颜色选择器，可直接在css文件里。

5.GitLens — Git supercharged

下载量：856w+

能够看到git历史信息提交。

6.filesize 

下载量：26w+

能够查看文件的大小。

7.Prettier - Code formatter

下载量：117w+

代码格式化工具的，它能够解析代码，使用你自己设定的规则来重新打印出格式规范的代码。

 prettier的一些配置与.editorconfig作用相同，但是prettier优先级更高！

如果需要ctrl+s保存自动格式化，可在setting.json设置文件配置即可。

"editor.formatOnSave": true,

.prettierrc.js文件被Prettier 所识别，这里是使用umijs的规范

8. Import Cost

下载量：103w+

Import Cost 显示代码里导入包的代价成本。它能帮助查找性能瓶颈，防止将大量捆绑包输送给用户。

9.Auto Import

下载量：142w+

引入插件或组件，自动导包，大大提高书写效率。

10.CSS peek

下载量：174w+

通过h5标签的class名、id名、HTML标记，如果值存在会可以索引到css或id对应实现的位置。

注：class名是引号的才生效。

11.Better Comments

下载量：159w+

使注释可以高亮显示，可以明示重点注释。

12.Trailing Spaces

下载量：63w+

高亮冗余的空格。

13.WakaTime

下载量：40w+

使用习惯中生成数据报表。可以计算出一个月、一年平均每天编程的时间。

14.Vibrancy

下载量：5w+

毛玻璃效果VScode插件。

15.Bracket Pair Colorizer 2

下载量：235w+

为代码中的各种结对的括号提供了颜色高亮等功能。

16.Auto Rename Tag

下载量：507w+

将自动帮你完成尾部闭合标签的同步修改。