前端开发神器：Emmet插件

今天在逛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
li.item$@3*3

4. 用{}添加文本内容