网页设计先关插件

1.Auto Close Tag

自动闭合HTML/XML标签

//

输入

<

MyTag

>

//

就可以自动补全

<

MyTag

>

MyTag

>

2.AutoRename Tag (自动重命名标签)

会在第一个标签更新时重命名配对的第二个标签，反之亦然

3.open in browser 浏览器预览

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

4.Beautify

Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code. 美化代码格式

5.Prettier-Code formatter

比较武断的格式化工具 prettier支持我们大前端目前大部分语言处理，包括JavaScript · Flow · TypeScript · CSS等等一大堆 Ctrl+S保存时自动优化代码格式 安装成功后，编辑器默认的格式化处理就会被prettier代替， 默认快捷键是

alt + shift + f

6.Live Server

可以直接预览效果

7.Path Intellisense 

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