1、必备插件
1.1、 Chinese（中文）
安装后，按快捷键Ctrl+Shift+P，输入 configure language
1.2、Settings Sync（配置同步到云端）
可以让我们的vscode配置同步到云端，当我们跟换电脑或者再次安装vscode的时候，只需要登录账号即可同步配置了
1.3、wakatime（编程时间及行为跟踪统计）
编程时间及行为跟踪统计
2、效率神器
2.1、HTML Snippets（代码提示）
HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了
2.2、Auto Close Tag（自动闭合标签）
自动闭合HTML/XML标签
2.3、Auto Rename Tag
更改 HTML/XML 标签名时，自动更新相对应的开始标签或结束标签的标签名
2.4、Bracket Pair Colorizer（括号做颜色区分）
2.5、Browser Preview（VSCode里面打开浏览器）
可以在vscode里面打开浏览器，一边编码一边查看
2.6、REST Client（接口调试）
可以在vscode里面进行接口调试，提供丰富的api配置方式，让我们不用离开编辑器也可以随时调用接口调试
新建一个.http文件，写下基本的测试代码，点击 Send Request即可在右边窗口查看接口返回结果，非常nice
2.7、CSS Peek（css样式查看器）
2.8、Partial Diff（文件比较）
文件比较
2.9、Npm Intellisense（自动完成导入语句中的npm模块）
可自动完成导入语句中的npm模块
2.10、open in browser（快速打开html文件到浏览器预览）
快速打开html文件到浏览器预览
2.11、Path Intellisense（快速引入文件）
自动提示文件路径，支持各种快速引入文件
2.12、Image preview（预览图片）
鼠标悬浮在链接上可及时预览图片
2.13、VS Code JavaScript(ES6) snippets
为 JavaScript、TypeScript、HTML、React 和 Vue 提供了 ES6 的语法支持
2.14、Vetur（官方钦定Vue插件）
VScode官方钦定Vue插件，Vue开发者必备。内含语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger等实用功能
2.15、Vue Language Features (Volar)
vue3插件，内含语法高亮，智能提示，
2.16、Vue 2 Snippets
vue2代码补全
2.17、Vue 3 Snippets
vue3代码补全
2.18、vue vscode snippets
vue快捷键
如：vbase、vdata、vmethod等等
2.19、Vue Language Features (Volar)
vue3插件
2.20、wechat-snippet
微信小程序代码辅助,代码片段自动完成
2.21、wxml
微信小程序wxml格式化以及高亮组件(高度自定义)
2.22、live-server
在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。
2.23、uniapp-snippet
uniapp片段提示
2.24、Flutter
Flutter代码支持
2.25、SVG Viewer
无需离开编辑器，便可以打开 SVG 文件并查看它们
3、功能强化
3.1、Regex Previewer
Regex Previewer 用于测试正则表达式。在编写正则表达式时，可以直接使用快捷键 Ctrl+Alt+M （windows）或者 ⌥+⌘+M（Mac）在编辑器右侧启动一个标签页，可以在这个标签页写一些正则表达式测试用例，写完之后，点击正则表达式上方的 Test Regex...，这时右侧标签页匹配到字符就会高亮显示：
3.2、Duplicate Action
开发时我们可以能会遇到需要复制文件（组件）的情况，默认情况下，必须右键单击该文件，然后单击复制。右键单击要将文件复制到的文件夹，然后单击粘贴。再次右键单击该文件并重命名。
使用该插件，当右键单击文件时，将看到一个新的“Duplicate file or directory”选项。单击它，输入文件的新名称，然后按回车键即可。
3.3、Import Cost
在项目中导入多个包时可能会出现性能问题，Import Cost 就用于查看将特定库导入项目的成本。该插件会显示导入库的大小，如果大小为绿色，则表示库很小，而红色表示库很大。
3.4、Time Master
从编程活动中自动生成的指标、见解和时间跟踪。它是一个开源项目，独立于网络环境，安全轻量。
3.5、VS Code Counter
VS Code Counter 插件用于统计项目代码的行数，安装插件之后，右键点击需要统计代码的文件夹，选择“Count lines in directory”，这时就会在项目根目录出现一个名为 .VSCodeCounter 的文件夹，包含了不同格式的结果，编辑器会打开其中的的 .md 格式。结果中会显示代码总行数，不同格式文件行数，不同路径文件函数等。代码行数中有纯代码行数、空白行数、注释行数。
3.6、驼峰翻译助手
中文一键翻译转换成常用大小驼峰、蛇形等格式。
安装好插件后，设置好翻译配置
选择需要翻译的内容，按快捷键就可以调出上面的翻译内容，选择你需要的就行了。
win: "Alt+shift+t"
mac: "cmd+shift+t"
4、Git集成
4.1、Git Graph（Git 图形化显示和操作）
左下角点击进行展示git graph
4.2、GitLens（快速查看更改行或代码块的对象）
GitLens可以帮助您更好地理解代码。快速查看更改行或代码块的对象
4.3、GitHistory（可查看和搜索git日志以及图形和详细信息）
GitHistory可查看和搜索git日志以及图形和详细信息，同时还支持分支比较，分支管理等操作
在你选择查看的文件后，可以使用快捷键 Alt + H，将会在界面中的右侧显示当前文件的提交历史。
5、美化
5.1、vscode-icons（漂亮的目录树图标主题）
提供了非常漂亮的目录树图标主题
5.2、Beautify（右键鼠标一键格式化）
在代码文件右键鼠标一键格式化 html，js，css
5.3、Colorize
Colorize 会给颜色代码增加一个当前匹配代码颜色的背景。它通过 CSS 变量、预处理器变量、hsl/hsla 颜色、跨浏览器颜色、exa、rgb、rgba和argb的彩色背景将 CSS 颜色可视化，帮助开发者快速区分颜色。
5.4、Better Comments（丰富注释颜色）
丰富注释颜色
自定义样式，需要写入配置代码
配置代码
"better-comments.tags": [ {"tag": "*","color": "#98C379","strikethrough": false,"backgroundColor": "transparent" }]
使用// * 绿色的高亮注释复制代码TODO Tree
5.5、Image preview
通过此插件，当鼠标悬浮在图片的链接上时，可以实时预览该图片，除此之外，还可以看到图片的大小和分辨率。
6、代码规范
6.1、change-case（变量命名规范）
变量命名规范
6.2、JavaScript Booster（代码改进）
会提示对应的不合理原因和改进方案
6.3、avaScript (ES6) code snippets（智能提示与快速输入）
ES6语法智能提示，以及快速输入
6.4、ESlint（严谨的规范书写）
规范js代码书写规则，如果觉得太过严谨，可自定义规则
6.5、TSLint（书写规范）
ts的书写规范，这个插件是一个系列，同时还提供了TSLint (deprecated)，TSLint Vue，TSLint Vue-TSX
6.6、Code Spell Checker（拼写检查程序）
是拼写检查程序，检查不常见的单词，如果单词拼写错误，会给出警告提示
6.7、koroFileHeader（生成文件头部注释和函数注释）
在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！
不光如此，还能生成一些特别有意思的注释，比如这一条喷火龙...
7、装X神器
7.1、超越鼓励师
在 VS Code 中连续写代码一小时（时间可配置），会有杨超越提醒你该休息啦~
7.2、韭菜盒子
韭菜盒子，VSCode 里也可以看股票 & 基金实时数据，做最好用的投资插件
7.3、我不爱掘金
把掘金网站塞到VSCode里，并添加了更多乐趣！
7.4、小霸王
小霸王是一款基于vscode的nes游戏插件，能让你在紧张的开发之余在vscode里发松身心。通过劳逸结合，提升开发效率。
7.5、Markdown All in One（书写Markdown）
可以在vscode里面快乐的书写Markdown，功能强大。丰富的快捷键，边写边看，轻松转化为html或pdf文件
7.6、Polacode-2020（转化成一张逼格满满的图片）
可以将我们的代码转化成一张逼格满满的图片
7.7、WeReadForVSCode
WeRead for VSCode 微信读书 VSCode 插件
7.8、LeetCode
在 vscode 上做算法题
7.9、daily-anime
一个用来追番的插件。
7.10、 z-reader
小说阅读插件，支持在线搜索和本地阅读，
