emmet是我们在sublime中的一个插件在这个插件中集成很多的快捷键。通过这些快捷键可大大提高我们的开发效率。
常用快捷键
- 生成结构的快捷键:
!+ tab
,可以生成html5的结构代码。 - 生成id名和类名:
标签名.类名#id名+tab
,或者没有标签名.类名+tab
生成的是div
。 - 生成同级元素:
标签名+标签名+标签名 "+"tab
-生成子类标签:标签名>子标签名>子标签名>子标签名+tab
或标签名>子标签名>子标签名>子标签名^^子标签名+tab
(注意:^代表上一级)。 - 带固定数量的标签:
ul>li*5+tab
。 - 带有序号名称:
ul>li.abc$*3 + tab
。 - 生成带有内容的标签:
ul>li>a{item}*5
。 - width:30px的快捷键
w30+tab
。 - Height:30px的快捷键
h30+tab
。 - Margin:30px的快捷键
mg30+tab
。