插件有 1. “auto close tag”； 2. “auto rename tag”； 3. “beautify”； 4. “html css support”； 5. “open in browser”； 6. “view in browser”等等。
本教程操作环境windows7系统、html5&&visual studio code 1.54.1版、dell g3电脑。
vscode html开发插件
1. auto close tag
自动添加html / xml关闭标记，与visual studio ide或sublime text相同
2. auto rename tag
自动重命名标签
重命名一个html / xml标签时，自动重命名配对的html / xml标签
3. beautify
美化javascript，json，css，sass，和html在visual studio代码。
4. bracket pair colorizer
此扩展名允许用颜色标识匹配的括号。用户可以定义要匹配的字符以及要使用的颜色
5. html css support
类属性完成。
id属性完成。
支持类和id属性的zen coding完成。
扫描工作区文件夹中的css和scss文件。
支持远程css文件。
使用vscode-css-languageservice。
6. html snippets
完整的html标签，包括html5代码段
7. javascript (es6) code snippets
此扩展包含vs代码编辑器的es6语法的javascript代码片段(同时支持javascript和typescript)。
8. jquery code snippets
超过130个用于javascript代码的jquery代码段。
只需输入字母“ jq”即可获取所有可用的jquery代码段的列表。
9. open in browser
这使您可以在默认浏览器或应用程序中打开当前文件。
1 0. path intellisense
自动完成文件名的visual studio code插件。
1 1. view in browser
vscode扩展，可在浏览器中查看html文件。
1 2. live server
live server一个具有实时加载功能的小型服务器，可以使用它来破解html/css/javascript，但是不能用于部署最终站点。这么说来我们可在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。
优点
1一键安装，实现自动刷新，架设本地服务器环境。
2比起 gulp 构建 实现自动刷新，架设本地服务器环境，需要安装自动刷新插件gulp-livereload，架设本地服务器插件gulp-server。live server简直一步到位。只要安装live server，就可以解决自动刷新和架设本地服务器环境？
推荐教程vscode教程、html视频教程