VSCode入门——插件安装

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的智能提示

下载插件：

提示信息：