Emmet.vim的安裝

請(qǐng)看：http://www.cnblogs.com/yunie-akira/p/3554065.htmlEmmet.vim簡(jiǎn)介

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

Eclipse等等。官方的Emmet并不支持vim，Emmet.vim是Yasuhiro Matsumoto 開(kāi)發(fā)的。開(kāi)始使用Emmet.vim

生成doctype

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

html:5? 生成HTML5 doctype

html:xt 生成XHTML transitional doctype

html:4s 生成HTML4 strict doctype

輕松書(shū)寫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， 生成：

基本規(guī)則

(1)：E 代表HTML標(biāo)簽

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

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

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

(5)：E{info}?代表標(biāo)簽E包含的內(nèi)容是info

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

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

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

參考

特別推薦：ZenCodingCheatSheet

vim下編寫html的超級(jí)利器emmet

Goodbye, Zen Coding. Hello, Emmet!

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。