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