web开发中的 emmet 效率提升工具
可以用来快速生成html 代码。
并且给各种IDE、编辑器提供了插件支持,sublime ,webstorm等。
如在webstorm中安装好emmet之后,输入以下文本,
#page>div.content[ng-model="user"]+ul>li*5>a[href=item/$]{item $}
然后调用快捷键Ctrl+ALt + ] 就可以生成以下html:
<div id="page">
<div class="content" ng-model="user"></div>
<ul>
<li><a href="item/1">item 1</a></li>
<li><a href="item/2">item 2</a></li>
<li><a href="item/3">item 3</a></li>
<li><a href="item/4">item 4</a></li>
<li><a href="item/5">item 5</a></li>
</ul>
</div>
对于css也有便捷的支持。
详细介绍请参考:
http://bubkoo.com/2014/01/04/emmet-a-toolkit-for-improving-html-css-workflow/