Emmet簡介

Emmet是一個支持大部分流行文本編輯器的插件，能夠極大得提高編寫HTML和CSS的工作效率。
官網：http://emmet.io/

在Sublime Text 3中安裝

前提Sublime Text 3需要先安裝Package Control插件。
按下“shift + ctrl + p”快捷鍵，輸入“pci”選擇“Package Control：Install Package”回車，然后輸入“emmet”即可搜索到這個插件，選擇并回車即可自動安裝。

Emmet使用

打開 HTML 或 CSS 文件->根據(jù)語法編寫精簡指令->TAB 鍵自動生成完整代碼

使用示例

新建一個html文件，然后輸入

ul#nav>li.item$*4>a{Item $}

使用tab鍵激活，即可自動生成：

<ul id="nav"><li class="item1"><a href="">Item 1</a></li><li class="item2"><a href="">Item 2</a></li><li class="item3"><a href="">Item 3</a></li><li class="item4"><a href="">Item 4</a></li></ul>

學習資源

http://www.iteye.com/news/27580

http://docs.emmet.io/

http://www.w3cplus.com/tools/using-emmet-speed-front-end-web-development.html

轉載于:https://www.cnblogs.com/imfanqi/p/5401948.html

總結

以上是生活随笔為你收集整理的sublime Text 3 安装emmet的全部內容，希望文章能夠幫你解決所遇到的問題。

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