web开发中的 emmet 效率提升工具
生活随笔
收集整理的這篇文章主要介紹了
web开发中的 emmet 效率提升工具
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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 效率提升工具的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 洛谷-求同构数的个数-NOIP2013提
- 下一篇: 带你制作百词斩单词表读写插件