CSS Peek插件
HTML与CSS关联,点击扩展插件——搜索CSS Peek——点击安装:

回到编辑器新建css文件:

然后在index.html中引入index.css文件:

可以通过Ctrl+鼠标左键点击index.css进入文件:


在html中新建一个id为nav的div元素,并通过Ctrl+鼠标左键进入index.css:

并在为#nav设置背景颜色:

以上CSS Peek插件实现了HTML与CSS的关联。
Prettier代码格式化
先搜索Prettier然后点击安装:

然后在index.html中新建HTML元素并格式化文档:

格式化之后:

Icon Fonts插件图标集
下载Icon Fonts插件:

图标的引入:

Auto Rename Tag自动修改标签插件
下载Auto Rename Tag 插件:

使用Auto Rename Tag插件,修改开始标签的同时结束标签也跟着改变:


HTML Boilerplate:HTML模板
下载HTML Boilerplate插件:

新建HTML元素标签,提示下载好的HTML模板选中:

模板效果,提示兼容的浏览器,:

Color Info颜色提示
搜索下载并安装:

使用Color Info提示插件,可以根据提示调节颜色:

Auto Close Tag自动闭合标签
自动闭合标签:

HTML CSS Support:HTML中CSS class的智能提示
下载插件:

提示信息:

来源:CSDN
作者:海绵、宝宝~
链接:https://blog.csdn.net/weixin_41985786/article/details/103789731