目录
一、必备插件
🌾Chinese (Simplified) Language （简体中文）
🤡Settings Sync（配置同步到云端）
🌈wakatime（编程时间及行为跟踪统计）
二、效率神器
✨HTML Snippets（代码提示）
🍎Auto Rename Tag（自动重命名标签）
🍎Auto Close Tag（自动闭合标签）
🥝AutoFileName（自动补全文件名）
🌈Bracket Pair Colorizer（括号做颜色区分）
🤙Live Preview（VSCode里面打开浏览器）
🎯REST Client（接口调试）
💎CSS Peek（css样式查看器）
🥝Partial Diff（文件比较）
🤙Npm Intellisense（自动完成导入语句中的npm模块）
🎯open in browser（快速打开html文件到浏览器预览）
💎Path Intellisense（快速引入文件）
🐳Image preview（预览图片）
三、Git集成
🏓GitHub Pull Requests and Issues（ 查看和管理GitHub拉取请求和问题）
🏓Git Graph（Git 图形化显示和操作）
🐳GitLens（快速查看更改行或代码块的对象）
🐳GitHistory（可查看和搜索git日志以及图形和详细信息）
四、美化
🌈GitHub Theme（黑白两款皮肤）
🥝vscode-icons（漂亮的目录树图标主题）
🥝Vetur（官方钦定Vue插件）
🌈Better Align（代码优雅排版）
🥝Better Comments（丰富注释颜色）
五、代码规范
🧣change-case（变量命名规范）
🧣JavaScript Booster（代码改进）
🧣JavaScript (ES6) code snippets（智能提示与快速输入）
🧣Code Spell Checker（拼写检查程序）
🧣koroFileHeader（生成文件头部注释和函数注释）
六、装X神器
🎽Markdown All in One（书写Markdown）
🤡vscode-drawio（画流程图）
🍋Polacode-2020（转化成一张逼格满满的图片）
🍎Live Share（与他人实时进行协作式编辑和调试）
一、必备插件
1、Chinese (Simplified) Language （简体中文） 安装完，再配置一下：
2、🤡Settings Sync（配置同步到云端）
可以让我们的vscode配置同步到云端，当我们跟换电脑或者再次安装vscode的时候，只需要登录账号即可同步配置了
3、wakatime（编程时间及行为跟踪统计）
编程时间及行为跟踪统计：
二、效率神器
1、✨HTML Snippets（代码提示）
HTML代码片段，该插件可为你提供html标签的代码提示，不用键入尖括号了。
2、Auto Rename Tag（自动重命名标签）
3、🍎Auto Close Tag（自动闭合标签）
自动闭合HTML/XML标签
4、AutoFileName（自动补全文件名）
5、🌈Bracket Pair Colorizer（括号做颜色区分）
已内置，在设置中勾选就行了
6、🤙Live Preview（VSCode里面打开浏览器）
可以在vscode里面打开浏览器，一边编码一边查看
7、🎯REST Client（接口调试）
可以在vscode里面进行接口调试，提供丰富的api配置方式，让我们不用离开编辑器也可以随时调用接口调试
新建一个.http文件，写下基本的测试代码，点击 Send Request即可在右边窗口查看接口返回结果，非常nice。
8、💎CSS Peek（css样式查看器）
9、Partial Diff（文件比较）
10、🤙Npm Intellisense（自动完成导入语句中的npm模块）
可自动完成导入语句中的npm模块
11、open in browser（快速打开html文件到浏览器预览）
12、💎Path Intellisense（快速引入文件）
自动提示文件路径，支持各种快速引入文件
13、🐳Image preview（预览图片）
鼠标悬浮在链接上可及时预览图片
三、Git集成
1、🏓GitHub Pull Requests and Issues（ 查看和管理GitHub拉取请求和问题）
在Visual Studio Code中查看和管理GitHub拉取请求和问题
2、🏓Git Graph（Git 图形化显示和操作）
3、🐳GitLens（快速查看更改行或代码块的对象）
GitLens可以帮助您更好地理解代码。快速查看更改行或代码块的对象
4、🐳GitHistory（可查看和搜索git日志以及图形和详细信息）
GitHistory可查看和搜索git日志以及图形和详细信息，同时还支持分支比较，分支管理等操作。
四、美化
1、🌈GitHub Theme（黑白两款皮肤）
2、🥝vscode-icons（漂亮的目录树图标主题）
提供了非常漂亮的目录树图标主题
安装完后再配置一下。
3、🥝Vetur（官方钦定Vue插件）
VScode官方钦定Vue插件，Vue开发者必备。内含语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger等实用功能
代码风格规范类插件。
4、Better Align（代码优雅排版）
选中代码配合组合键[Ctrl+Shift+p]，输入Align即可
5、🥝Better Comments（丰富注释颜色）
丰富注释颜色
如果你觉得自带的五种高亮注释不好看的话，你也可以自定义，怎么弄呢？
首先，打开 vscode 的 settings.json 文件，如下所示：你想要什么颜色，改就行了！
"better-comments.tags": [ { "tag": "!", "color": "#FF2D00", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "?", "color": "#3498DB", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "//", "color": "#474747", "strikethrough": true, "backgroundColor": "transparent" }, { "tag": "todo", "color": "#FF8C00", "strikethrough": false, "backgroundColor": "transparent" }, { "tag": "*", "color": "#98C379", "strikethrough": false, "backgroundColor": "transparent" } ]
五、代码规范
🧣change-case（变量命名规范）
变量命名规范
🧣JavaScript Booster（代码改进）
会提示对应的不合理原因和改进方案
🧣JavaScript (ES6) code snippets（智能提示与快速输入）
ES6语法智能提示，以及快速输入
🧣Code Spell Checker（拼写检查程序）
是拼写检查程序，检查不常见的单词，如果单词拼写错误，会给出警告提示
🧣koroFileHeader（生成文件头部注释和函数注释）
在vscode中用于生成文件头部注释和函数注释的插件，经过多版迭代后，插件：支持所有主流语言,功能强大，灵活方便，文档齐全，食用简单！
六、装X神器
🎽Markdown All in One（书写Markdown）
可以在vscode里面快乐的书写Markdown，功能强大。丰富的快捷键，边写边看，轻松转化为html或pdf文件
🤡vscode-drawio（画流程图）
可以在vscode里面快乐的画流程图，新建 .drawio 后缀文件并拖入vscode中
🍋Polacode-2020（转化成一张逼格满满的图片）
可以将我们的代码转化成一张逼格满满的图片
🍎Live Share（与他人实时进行协作式编辑和调试）
这款神器可以使您能够与他人实时进行协作式编辑和调试
