visual studio code插件

1、相关常用插件介绍

带snippets一般是代码提示类扩展，带viewer一般是代码运行预览类扩展，带support一般是代码语言支持，带document一般是参考文档类扩展，带format一般是代码格式化整理扩展。

2、HTML文档提示代码插件与颜色选择插件

HTML Snippets为HTML文档提供代码提示功能，支持HTML5。VS colorPicker为CSS文档和HTML文档提供颜色选择，当输入“#”后会出现颜色选择浮窗，单击相应颜色之后会插入文档中，默认使用十六进制。

3、VSCode内部实现实时预览效果

（1）安装Live server插件

（2）安装Preview on Web Server插件

（3）点击设置后，在相应的输入框中输入settings。

（4）在settings.json中编辑如下内容

{
    "previewServer.port": 5500,
}

（5）选择相应的方式打开预览效果