VS code 快速构建代码 （构建代码快捷方式）

1.快速生成HTML骨架

输入!后按TAB键 （!+Tab）

2.生成标签

直接输入标签名，然后按TAB键。以div举例

3.生成多个相同的标签

加上*，例如：想要生成多个div，直接写div*4后按tab键

4.生成父子级关系标

如果有父子级关系，可以用>再按TAB键生成，例如ul>li

5.生成同级关系标签

用+号然后TAB键生成同级标签，例如：div+p

6.生成带有类名或者ID的标签

直接 .类名或者 #标签名后按TAB键
例如：生成带有 id 为 test 的标签

7.默认为div生成

如果想要生成其他标签，给上相应的约束便可以，例如：生成a标签


生成类的也同理，只需将"#“换成”."

8.生成有顺序的类名或id名的标签

如果想生成带有demo1 demo2 demo3…
用$符号和*号
例如：


在生成标签的内部默认写上内容可以用{}

各个用法可以组合使用
例如