工欲善其事，必先利其器！作为专业开（MO）发（YU）攻城狮，VSCODE是我们必备的利器之一。然鹅，作为各方面都要求（懒）到极致的我们，下面的VSCODE必备插件，将让你的开（MO）发（YU）过程省下不少活呢！废话不多说，开始吧～～
Auto Close Tag
键入开始标签，自动补全结尾标签，省去手动输入结尾部分。
Auto Rename Tag
修改标签的时候，在开始标签或者结尾标签任意一处修改，自动修改另一处对应的标签。
HTML Snippets
H5代码片段补全以及提示。
HTML CSS Support
在HTML当中写class时智能提示当前的项目所支持样式，并支持scss文件检索。
JavaScript (ES6) code snippets
ES6代码自动补全，必备插件之一。
Browser Preview
能够在VSCODE当中字节使用浏览器窗口预览当前效果。
CSS Peek
可以在直接在HTML中通过CSS 的id或则class来定位到其定义位置或预览CSS代码。方便对CSS样式进行调试。
ESLint
js语法纠错，可以自定义配置，写出高质量，符合规范的代码可不能只相信自己，配置较为复杂，可以到网上下载通用的配置或者团队内部自己商定。
Prettier - Code formatter
一件格式化（美化）你乱七八糟的代码，格式化神器！
Beautify
另一款代码美化插件，可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整，代码强迫症必备，较好的代码格式在后期维护以及他人阅读时都会有很多的便利。插件支持的语言非常多，基本堵盖了目前所有的语言，而且你还可以自定义代码格式化的结构。
Reactjs code snippets
React专用代码补全插件。
Vetur
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。
Bracket Pair Colorizer 2
当你沉浸在漫无边际的代码当中时，是否也曾为了找不到某个括号区域的边际而烦恼，或者是面向复制编程过程中，改BUG时怎么也找不到括号在哪里缺省。
Bracket Pair Colorizer是专门针对括号的闭合性而设计的神器，代码当中相邻括号颜色不同，方便查找代码作用域范围，可以配合任何主题同时使用。
indent-rainbow
对齐缩进添加不同颜色，使其更有可读性。
Material Theme
推荐主题，帅气的外观让搬砖生活充满仪式感～～
Material Theme Icons
推荐图标，再小的细节也逃不过前端人犀利的眼睛👀
npm Intellisense
VSCode 插件可以在导入语句自动补全npm模块名称。同时还有一款针对NODE开发的Node.js Modules Intellisense，配合食用风味更佳。
Code Runner
支持多种语言的代码的立即执行。方便快速。
Debugger for Chrome
结合Chrome进行代码的调试。当代码在 Chrome 中运行后，你可以直接在 VSCode 中加上断点，点击运行后，Chrome 中的页面继续运行，执行到你在 VSCode 中添加的断点后，你可以直接在 VSCode 中进行单步调试。
Document This
没有注释，可能你自己写的代码有一天你都会看不懂。优雅的注释必然是优雅的代码当中不可或缺的一部分。Document This 可以快速地帮你生成注释，如一些函数的注释还能帮你抽取出参数的定义等，是你编写规范代码必备的工具。
Path Intellisense
自动提示文件路径，快速引入文件，再也不要手敲文件路径啦....
Live Server
具有实时加载功能的小服务器，可用于简单的开发过程。
Import Cost
该插件会在行尾显示导入的包的大小。为了计算包大小，该插件要使用Webpack和babili-webpack-plugin。
LeetCode
在VSCODE上刷LeetCode，一个字，爽！
Trailing Spaces
高亮冗余空格，优雅的代码容不下一点点的瑕疵！
