抱歉,您的浏览器无法访问本站

本页面需要浏览器支持(启用)JavaScript


了解详情 >

这里就写几个主要的,详细请看这篇文章:
http://www.iteye.com/news/27580
使用Emmet加速Web前端开发

  • 初始化

HTML文档需要包含一些固定的标签,比如、、等,现在你只需要1秒钟就可以输入这些标签。比如输入“!”或“html:5”,然后按Tab键:

  • 嵌套

现在你只需要1行代码就可以实现标签的嵌套。

1
2
3
>: 子元素符号,表示嵌套的元素
+:同级标签符号
^:可以使该符号前的标签提升一行
  • 分组

你可以通过嵌套和括号来快速生成一些代码块,比如输入(.foo>h1)+(.bar>h2),会自动生成如下代码

1
2
3
4
5
6
<div class="foo">
<h1></h1>
</div>
<div class="bar">
<h2></h2>
</div>
  • 快速添加类名、ID、文本和属性
  1. 使用E#ID添加ID名
  2. 使用E.class添加类名
  3. 使用E[attr]添加属性
  4. 使用E{text}添加文本