前端神器Emmet的使用

Emmet是一款编辑器插件，支持多种编辑器支持。在前端开发中，Emmet 使用缩写语法快速编写 HTML、CSS 以及实现其他的功能，极大的提高前端开发效率。

Emmet官方文档(点击跳转)

常用的Emmet的html语法

所有操作按下“tab”键即可瞬间完成！！！

• 操作1：html初始结构

! + Tab 

• 操作2：子节点（>），兄弟节点（+），上级节点（^）

ul > li > a

• 操作3：重复（*）

ul > li * 5

• 操作4：id（#）,class（.）$表示一位数，乘5就从1自增到5

ul > li .item #item$ *5

• 操作5：分组

 ()

• 操作6：属性

[attr]

• 操作7：文本（{}）

{}

• 操作8：隐式标签

有没有很神奇，多多练习必成大神