更新：2021-10-22
Visual Studio Code是一款非常适用于前端开发的编辑器(￣▽￣)"
VSCode 支持第三方插件下载，可以根据自己的开发习惯，下载不同插件，打造自己专属的编辑器。
前端通用插件
1. Auto Close Tag
作用：自动闭合标签
图标：
2. Auto Rename Tag
作用：标签跟随修改
图标：
3. Beautify
JS 代码美化
图标：
4. Chinese (Simplified) Language Pack for Visual Studio Code
作用：中文汉化
图标：
5. CSS Peek
根据Class名快速定位样式
图标：
6. Debugger for Chrome
作用：通过在编辑器的代码上打断点，在浏览器中调试Bug。
说明：其实这个插件一般不怎么用（虽然很好用），个人还是比较习惯在浏览器里直接打断点进行调试。
图标：
7. ESLint
作用：语法检查
图标：
8. JavaScript (ES6) code snippets
作用：ES6 语法支持
图标：
9. Material Icon Theme
作用：文件图标主题
说明：主题插件很多，个人习惯这个使用这个
图标：
10. npm
作用：支持运行文件中定义的npm脚本，并支持根据package.json中定义的依赖项验证已安装的模块，同时针对警告提供快速修复程序
图标：
11. npm Intellisense
作用：自动完成导入语句中的npm模块
说明：常用 npm 的小伙伴推荐 10 和 11 两个插件一起使用
图标：
12. open in browser
作用：在浏览器中快速打开页面
说明：当编辑器当前窗口为 Html 文件时，通过快捷键 Alt + B 可在浏览器中快速打开
图标：
13. Bracket Pair Colorizer2
作用：对应括号、大括号分颜色显示
图标：
Vue 常用插件
1. Vetur
作用：Vue 语法检查，Vue3 的 setup 语法糖会误报
2. Vue Language Features (Volar)
作用：Vue语法检查，支持 setup 语法糖
3. Vue 3 Snippets
作用：基于Vue2、3 API 的语法提示，快速生成 vue2 模板，
4. Vue VSCode Snippets
作用： vue 语法支持，快速生成 .vue 组件模板、api 语法提示，包含vue2 和 vue3，但此插件依赖 Vetur ！！！
React 常用插件
1. ES7 React/Redux/GraphQL/React-Native snippets
作用：快速生成组件模板，提示
其它推荐
1. koroFileHeader
作用：注释文档生成
图标：
2. Path Intellisense
作用：编辑路径自动补全
图标：
3. HTML Snippets
作用：Html标签提示、补全
说明：这个插件对新手来说非常实用，如果已经很熟悉Html 标签，它就有那么点鸡肋了
图标：
4. HTML CSS Support
作用：Html / CSS 提示、补全
图标：
5. Git History
作用：可查看Git提交历史
图标：
6. cssrem
作用：将px -> rem
说明：此插件默认
1em = 16px，可在 设置 → 扩展 中修改此设置
图标：
7. EasyLess
作用：
Ctrl + S将.less文件，直接编译成对应名称的.css文件
图标：
网友评论