VS Code 快速输入代码： HTML 代码
只输入 ! ，按Enter，这将自动生成一个基本的HTML骨架代码，例如：
快速输入特定的HTML标签，可以使用Emmet插件，它是VS Code的一个扩展，可以通过简短的指令生成复杂的HTML结构。
输入div，按Enter
输入div*4，按Enter
例如，输入 ul>li*4 将生成一个包含4个列表项的无序列表：
div{内容}+Enter
.box enter
<div class="box"></div>
#box enter
<div id="box"></div>
1、先输入一个 感叹号!，再按下Tab键，直接显示出html文件的基本格 式；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>
2、输入 标签名，按下Tab键，自动生成相应标签；
3、输入： ‘ span#app ’ ，按下Tab，可以快速创建id为‘app’的‘span’标签 ；
4、输入： ‘ div.app ’ ,按下Tab键，可以快速创建class为‘app’的’‘div’标签；
5、输入： ‘ ul>li*3 ’ ,按下Tab键可以快速创建‘ ul ’下的3个‘ li ’标签 ；
6、输入： ‘ ul.menu>li*3>a[href=#]‘ 可以创建一个class为‘ menu ’的‘ ul ’标签；
7、输入 ‘ ul>li*5>a[href=#]{我序号是$} ’ ,再按下Tab键
REF
链接：https://blog.csdn.net/weixin_41804367/article/details/108614650
标签：Code,标签,代码,li,ul,VS,Tab,div,输入 From： https://www.cnblogs.com/emanlee/p/18402725