文章目录
- HTML 与 CSS 支持
- HTML 页面实时浏览内嵌
- open in browser
- Auto Rename Tag
- CSS Peak
- IntelliSense for CSS class names in HTML
HTML 与 CSS 支持
首先在扩展商店中搜索 HTML，下载框中的三个插件，第一个用于对 HTML 的一些书写支持（俺也不太清楚，看视频选的，但是好像被禁用了，说是有其他的插件对其受限，怀疑是因为和第二个起了冲突）；第二个用于支持 CSS 的一些样式表等；第三个特别好用，自动补全代码，这样你书写的时候，不用先写<>，而是比如说写一个 body，然后点击 Tab就会自动进行补全，特别实用。
HTML 页面实时浏览内嵌
搜索 live server preview ，看到如上图所示插件进行安装，安装完成后，比如说我们写了一个 demo.html 文件，保存后按F1，选择show live server preview（如果是下图情况，直接回车即可），即可在 vscode 中查看刚刚写的页面，然后我们要修改时，只要保存完成那么这个内嵌的页面窗口就会立即自动刷新，而不用我们手动进行刷新。
（ps:发现个小问题，这个插件有时候刚点出来的时候不会显示东西，需要重新再开一次才会有，母鸡原因，难道是我第一次忘了保存~~）
open in browser
使用过一段时间内嵌网页的插件后发现感觉并不是很好，虽然可以左右分屏书写，更快捷，但是时常会有网页链接打不开（指的是那种外部网页的链接，如 www.baidu.com ），然后会导致书写也不是很流畅，因为需要经常性的滑动滑条（大白话就是：代码书写区的位置不够，只有一半屏幕）；并且在我改完 css 文件后，保存，内嵌网页不会随时刷新，需要我再次回到 html 文件 再次保存才会刷新，哦，xxx，麻烦。所以下载上述插件 open in brower。
下载完该插件后回到 html文件处，单击鼠标右键，并点击下图所示，即可在默认浏览器进行查看效果：
Auto Rename Tag
每次我们输错一个标签后（针对双标签），就需要重新删了再一个一个改，但是有了这个插件后，我们每次改 首便签的时候，尾标签也会跟着自动改变，大大提高了便捷性。
CSS Peak
追踪至样式。OK的。
IntelliSense for CSS class names in HTML
