vscode前端插件总结

Auto Close Tag    自动添加HTML / XML关闭标签（必备）

Auto Rename Tag  自动重命名配对的HTML / XML标签(必备)

Beautify  格式化javascript，JSON，CSS，Sass，和HTML

Bootstrap 4 & Font awesome snippets   包含Bootstrap 4＆Font awesome 的代码片段

Bracket Pair Colorizer  颜色识别匹配括号

Class autocomplete for HTML  智能提示HTML class =“”属性（必备）

css peek  能够查看CSS ID和类的字符串作为HTML文件中相应的CSS定义（必备）

Document This  添加注释块

ESLint   EsLint可以帮助我们检查Javascript编程时的语法错误。比如：在Javascript应用中，你很难找到你漏泄的变量或者方法。EsLint能够帮助我   们分析JS代码，找到bug并确保一定程度的JS语法书写的正确性。

Font-awesome codes for html  用于 html 的Font-awesome代码片段

filesize  在底部状态栏显示当前文件大小，点击后还可以看到详细创建、修改时间

HTML CSS Support  在 html 标签上写class 智能提示当前项目所支持的样式（必备）

HTML Snippets  html代码检测

htmltagwrap 可以在选中HTML标签中外面套一层标签

Indenticator  突出目前的缩进深度

IntelliSense for CSS class names   智能提示 css 的 class 名

Image Preview  鼠标移到路径里显示图像预览

JavaScript (ES6) code snippets    es6代码片段（必备）

JavaScript Snippet Pack   js代码片段（必备）

jQuery Code Snippets  jQuery 代码片段

markdownlint  markdown 语法检查

 Node.js Modules Intellisense  可以在导入语句中自动完成JavaScript / TypeScript模块。

npm Intellisense  在导入语句中自动填充npm模块,跟Node.js Modules Intellisense差不多

Path Intellisense  路径自动补全（必备）

Prettier   格式化JavaScript / TypeScript / CSS 。

Sass  写 sass 必备

vscode-faker  生成假数据，地址，电话，图片等等

vetur 语法高亮、智能感知

VueHelper  vue代码片段

Vue TypeScript Snippets  vue的 typescript 代码片段

Vue 2 Snippets  vue 2代码片段

 Dracula Official  主题