开篇

俗话说“工欲善其事,必先利其器意思”。对于码农来说，一些好的工具能够大幅度提高开发速度，今天就来谈下那些能提高VSCode开发效率的插件。（下面的内容都是基于今天（2021.1.15）之前的更新。） 安装插件的方法，点击左侧按钮上方的最后一个，在Search搜索框输入插件名就行了。

必备插件

1、Chinese

vscode安装完成后，整个界面都是英文的，对一些初学者不是十分友好，那么就需要汉化插件了。使用方法：安装后，在 locale.json 中添加 "locale": "zh-cn"，即可载入中文（简体）语言包。要修改 locale.json，你可以同时按下 Ctrl+Shift+P 打开命令面板，之后输入 "config" 筛选可用命令列表，最后选择配置语言命令。

2、open in browser

快速在浏览器中打开HTML文件。

3、Image preview

安装后，鼠标悬浮在图片链接上，会显示图片的预览效果，方便查看引入的图片是否有误。

4、Auto Rename Tag

修改标签名的时候，会成对的一起修改，方便开发。

5、vscode-icons

设置文件图标，增加辨识度。通过上面的截图对比，注意这里，是不是变成h5图标了，有木有很漂亮？

6、Vetur

vue开发者必备插件，含有语法高亮，智能提示等。

7、GitLens

很好用的git管理插件，相比其他git插件能十分便捷的展示修改者等信息。

其他插件

1、koroFileHeader

一款好用的注释插件，方便注释，神奇的是还能生成佛祖保佑无bug等图案，快点下载去体验吧。

2、Polacode-2020

代码截图插件，相比手动截代码来说，显得特别高大上。ctrl+shift+p 输入polacode即可。

3、ESlint

比较常用的代码规范插件，默认配置比较严格，可以自己去配。

4、Codelf

变量命名神器。其变量名遇到困难，不妨先写成中文的，在变量名右键选择 CodeIf 你会发现惊喜。

5、Rainbow Fart

Rainbow Fart 是一个在你编程时持续夸你写的牛逼的扩展，可以根据代码关键字播放贴近代码意义的真人语音。简而言之，就是能根据代码关键词，播放贴近代码意义的语音，在你编程的过程中，疯狂输出赞美。真的是，萝莉音程序员鼓励师24小时在线，陪你 coding 到天明。文档点击这里github.com/SaekiRaku/v… 点击授权后，保持页面不要关闭，再回到vscode中，无限彩虹屁就可以听起来了。

......

第五天，over！