vscode编写html文件

安装插件

好用的插件：
chinese：中文插件
ayu：颜色背景插件

代码资源列表

可通过右上角的图标新建文件、新建文件夹以及折叠目录

调整字体大小等

文件-首选项-设置

vscode编写html文件

• 首先安装插件html需要的插件
• 然后新建一个文件，文件后缀必须是.html
• 快捷键！+tab，就能得到一个比较完整的网页结构
• 安装扩展程序open in browser(相关链接)
  
  选择html文件 - 右键选择 - open in default browser

live server插件

live server插件用来在浏览器中打开一个网页，首先安装插件live server，然后到html文件中右键选择open with live server 就能出现一个网页效果。在修改代码之后，只需要在vs code上CTRL+s保存，就能实时在浏览器看到修改之后的效果。
进一步可以设置vs code自动保存，那么修改之后的效果也就可以实时展现了。

快捷键

注释：CTRL + /
自动补全：tab键，比如p + tab就是< p></ p>
文章结构：！+tab键，就会展现整个文章结构