Emmet.vim的安裝

請看：http://www.cnblogs.com/yunie-akira/p/3554065.htmlEmmet.vim簡介

Emmet,原來叫Zen Coding，由Sergey Chikuyonok開發，是快速開發HTML和CSS的編輯器插件。支持 Sublime Text、Notepad++、

Eclipse等等。官方的Emmet并不支持vim，Emmet.vim是Yasuhiro Matsumoto 開發的。開始使用Emmet.vim

生成doctype

輸入 html:xs， 按ctrl+y, 最后按下“,”(逗號)生成XHTML strict doctype

html:5? 生成HTML5 doctype

html:xt 生成XHTML transitional doctype

html:4s 生成HTML4 strict doctype

輕松書寫html代碼

輸入 p.class#id， 生成：

輸入，h1{foo}， 生成：

foo

輸入， h1+h2, 生成：

輸入，img^a, 生成：

輸入，h1>h2, 生成：

輸入，(.foo>h1)， 生成：

輸入， div.item， 生成：

或者直接輸入 .item， 生成：

輸入， ul>li*3， 生成：?

輸入，ul>li.item$*3， 生成：

基本規則

(1)：E 代表HTML標簽

(2)：E#id 代表標簽E有id屬性

(3)：E.class 代表E有class屬性

(4)：E[attr=foo] 代表某個特定屬性

(5)：E{info}?代表標簽E包含的內容是info

(6)：E>N 代表N是E的子元素

(7)：E+N 代表N是E的同級元素

(8)：E^N 代表N是E的上級元素

參考

特別推薦：ZenCodingCheatSheet

vim下編寫html的超級利器emmet

Goodbye, Zen Coding. Hello, Emmet!

總結

以上是生活随笔為你收集整理的linux vim emmet,前端开发神器Emmet.vim使用笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

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