vim下編寫html的超級利器emmet

GitHub:里面有詳細的文檔說明

https://github.com/mattn/emmet-vim

下載地址：

http://www.vim.org/scripts/script.php?script_id=2981

選擇一個最新版下載，copy 到~/.vim目錄下解壓就可以了。

案例：

$vim index.html

輸入：

然后按住Ctrl+y 再按","結果：

Emmet的基本用法：先寫簡寫形式，然后用"<Ctrl+y>,"將其轉成HTML代碼

基本規則：

（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的上級元素

具體教程參考：
http://coding.smashingmagazine.com/2013/03/26/goodbye-zen-coding-hello-emmet/