VScode快速生成HTML结构语法

• 生成标签 直接输入标签名 按tab键即可 比如 div 然后tab 键， 就可以生成 <div></div>
• 如果想要生成多个相同标签 加上 * 就可以了 比如 div*3 就可以快速生成3个div

div*3
<div></div>
<div></div>
<div></div>

• 如果有父子级关系的标签，可以用 > 比如 ul > li就可以了

ul>li
  <ul>
     <li></li>
  </ul>

• 如果有兄弟关系的标签，用 + 就可以了 比如 div+p

div+p
 <div></div>
 <p></p>

• 如果生成带有类名或者id名字的， 直接写 .demo 或者 #two tab 键就可以了

.demo
 <div class="demo"></div>
 #demo
 <div id="demo"></div>
 p.demo
 <p class="demo"></p>

• 如果生成的div 类名是有顺序的， 可以用 自增符号 $

.demo$*5
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>

• 如果想要在生成的标签内部写内容可以用 { } 表示

div{帅哥}
 <div>帅哥</div>