VsCode好用插件必装插件推荐

1.Auto Close Tag
自动闭合标签所用

2.Auto Rename Tag
自动修改重命名配对的标签

3.Beautify
Beautify 插件可以快速格式化你的代码格式，让你在编写代码时杂乱的代码结构瞬间变得非常规整，代码强迫症必备，较好的代码格式在后期维护以及他人阅读时都会有很多的便利。简单使用方法：
安装完成后，打开html文件，按F1，选择Beautiful selection，如图：
这样就可以看到内容已经对齐啦。

4. Bracket Pair Colorizer

为代码中的括号添上一抹亮色，利于代码的阅读

5. Chinese (Simplified) Language Pack for Visual Studio Code
配置中文语言

使用方法：
按Ctrl +Shift +P快捷键 --》选择configure display language --》选择zh-cn，如下图：

然后重新启动vscode就可以啦！

6. Code Runner

打开你所要运行的文件，有多种方式来快捷地运行你的代码：

键盘快捷键 Ctrl+Alt+N
快捷键 F1 调出 命令面板, 然后输入 Run Code
在编辑区，右键选择 Run Code
在左侧的文件管理器，右键选择 Run Code
右上角的运行小三角按钮

如果要停止代码运行，也有如下几种方式：

键盘快捷键 Ctrl+Alt+M
快捷键 F1 调出 命令面板, 然后输入 Stop Code Run
在Output Channel，右键选择 Stop Code Run

7. Code Spell Checker

检查语法规则，避免一些单词的拼写出错的小问题。

8. HTML Boilerplate
可以很快的生成HTML5的基本结构，可以提高我们日常开发中的效率

9. HTML CSS Support
让 html 标签上写class 智能提示当前项目所支持的样式安装完成后打开settings.json,加入如下配置

"editor.parameterHints.enabled": true,
"editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
},

然后输入class=‘’就有提示啦！

10. HTML Snippets
超级实用且初级的 H5代码片段以及提示
11. JavaScript (ES6) code snippets
ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

12. jQuery Code Snippets
　jQuery代码智能提示
　
13. Material Icon Theme
VSCode文件图标，

安装后的效果如下

14. open in browser
vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari

15. Path Intellisense
自动提示文件路径，支持各种快速引入文件

16. Vetur
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。

17. vscode-icons
控制vscode中的文件管理的树目录显示图标
18.ES7 React/Redux/GraphQL/React-Native snippets
React/Redux/react-router语法智能提示

以上就是我根据个人使用vscode推荐的18个自用的插件啦，希望对你们有所帮助！