vscode 前端部分插件推荐（仅供参考）

前端

1.Auto Close Tag ：自动闭合HTML/XML标签

2.Auto Rename Tag ：自动完成另一侧标签的同步修改

3.Beautify：格式化 html ,js,css

4.Bracket Pair Colorizer ：给括号加上不同的颜色，便于区分不同的区块，还可以定义不同括号类型和不同颜色。
效果如下：

5.HTML CSS Support ：智能提示CSS类名以及id

6.HTML Snippets ：智能提示HTML标签，以及标签含义

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

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

9.目录树图标主题 vscode-icons ：vscode图标主题，支持更换不同色系的图标。

10. indent-rainbow：彩虹缩进。
    效果如下图：
    
    11.Live Server：很简单就能启动一个看起来很专业的本地服务。本地开发常常需要搭建临时的服务，以http-server的方式启动，并且支持修改文件浏览器自动刷新hot socketing（热拔插）。作用：可以一边修改代码，一边实时预览网页。

插件截图：

相关博客：
vscode 前端常用插件推荐