今天在逛CSDN時，發現了一個前端神器，IDEA內建了這個外掛。所有操作按下“Tab”鍵完成

生成HTML基本結構

！或html:5或html:4s，按下Tab鍵

巢狀操作

1. 使用“>”生成子元素
2. 使用“+”生成兄弟元素
3. 使用“^”生成父元素
4. 使用“”生成多個相同元素，例如div>ul>li5
5. 使用“()”將元素分組

屬性操作

1. id：屬性值之間用#隔開；class：用.隔開

div#header+div.page+div#footer.class1.class2.class3

2. 用“[]”標記其他屬性

td[title='hello' colspan=3]

3. 用“$”實現1到n的自動編號,新增 “@n” 修改編號的起始值為n,新增 “@-” 修改編號的方向

li.item$*3
[email protected]*3

4. 用{}新增文字內容