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/

轉載于:https://www.cnblogs.com/ToDoToTry/p/5180073.html

總結

以上是生活随笔為你收集整理的web开发中的 emmet 效率提升工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。