VScode中的emmet语法

1 html:5

新建文档，输入html:5 然后摁下Tab键，即可创建如下的html5基本结构：

也可以先输入!然后摁快捷键Tab，同样可以快速创建html5文档

2 简写规则

Emmet语法直接简写，常用的简写规则如下：

简写（然后使用Tab键）	描述
E	E代表html标签，即直接写标签名+Tab键就快速创建标签
E#id	快速创建带id属性的标签
E.class	快速创建带class属性的标签
E[attr=foo]	快速创建某个特定属性的标签
E{FOO}	快速创建包含内容foo的标签
E>N	快速创建父子结构，N是E的子元素
E+N	快速创建兄弟结构，N是E的同级元素
E^N	N是E的上级元素，通常搭配E>N来使用
E*N	快速创建N个的E标签，N代表数字
E$*N	快速创建N个带自动编号的的E元素
E>lorem	在E元素中随机添加文本
E*N>M	等用于（E>M）*N，快速创建N个父子结构

eg:

li*3>a

创建如下结构

div#item$.class$$*3

创建如下结构

ul>li{$}*6

创建如下结构

    
1
    
2
    
3
    
4
    
5
    
6

table>thead>tr>td5^^tbody>tr>td5

创建如下结构

End.