背景

Visual Studio Code 是微软推出的跨平台编辑器。它采用经典的VS的UI布局，功能强大，扩展性很强。在众多插件中如何选取前端适合的插件是一件非常让人头疼的事情。

 

现列举如下在前端开发中会经常用到且好用的插件供大家借鉴:

Auto Close Tag

---

自动闭合标签, 在代码中输入标签前半部分, 会自动补齐后半部分

 

Auto Rename Tag

---

自动修改闭合标签, 修改前半部分标签名称时, 后半部分会自动修改

 

code spell check

---

校验代码中的拼写错误, 常见于英文变量命名错误检查

 

code Metrics

---

检查代码复杂度, 可以帮助提高代码书写质量

 

ESLint

---

检查代码中的es规则, 让团队开发中的代码风格更统一

 

vscode-icons

---

文件图标, 可以根据不同的文件后缀展示图标

 

Git Length

---

git历史追踪, 可以看到某个文件某行是谁修改的, 以及所有的历史版本

 

koroFileHeader

---

文件头输出, 可以给当前文件输出一些注释帮助后续其他同学理解当前文件的作用

 

Prettier

---

根据es lint规则自动格式化文件代码

 

TODO Highlight

---

高亮文件中的TODO关键字

 

Vetur

---

vue开发利器, vue语法支持