VSCode必装的高效开发插件

我自己用的VSCode插件

• VS Code JavaScript(ES6) snippets

当前最流行的，已有超过120万的下载量。这个插件为JavaScript、TypeScript、HTML、React和Vue提供了ES6的语法支持。

• Auto Complete Tag

Auto Complete Tag集成了 Auto Close Tag 和 Auto Rename Tag 的功能，丰富了 VS Code 编写 HTML/XML 时候的标签自动补全功能。

• 代码美化 Beautify

Beautify 插件可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整，代码强迫症必备，较好的代码格式在后期维护以及他人阅读时都会有很多的便利。
插件支持的语言非常多，基本堵盖了目前所有的语言，而且你还可以自定义代码格式化的结构。

• Bracket Pair Colorizer

在我们编写代码的过程中，免不了会有函数嵌套或是其他一些逻辑判断等层层嵌套，随着代码量的增加，你会不会感觉括号嵌套太多层而导致代码难以阅读？
如果你对类似问题困惑的话，推荐你可以在VSCode中安装 Bracket Pair Colorizer插件，安装此插件后，再阅读自己的代码，各个成对儿的括号都会以不同的颜色进行区别。

• Chinese (Simplified) Language Pack for Visual Studio Code

设置为中文简体

• Color Info

这个便捷的插件，将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标，就可以预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）相关信息了。

• Color Picker

在写css的时候总是记不住那些#的颜色，只是用red，green这些又不是很好看，觉得某个颜色很好看还要用ps什么的取色找值
很麻烦啊
还好vscode有取色器的插件

• 代码检查工具 ESLint

ESLint 是一个语法规则和代码风格的检查工具，可以用来保证写出语法正确、风格统一的代码。
而 VSCode 中的 ESLint 插件就直接将 ESLint 的功能集成好，安装后即可使用，对于代码格式与规范的细节还可以自定义，并且一个团队可以共享同一个配置文件，这样一个团队所有人写出的代码就可以使用同一个代码规范，在代码签入前每个人可以完成自己的代码规范检查。

• HTML CSS Support

HTML CSS 智能提示

• HTML Snippets

代码自动提示

• open in browser

配置默认打开浏览器

• Path Intellisense

智能路径提示

• Vetur

为Vue框架提供语法高亮、代码片段、Emmet、代码检测、智能提示和调试支持。

• Vue VSCode Snippets

自动生成vue模版