在vim中使用zencoding/Emmet

標籤：

zencoding在vim上的外掛程式已經改名為Emmet.vim

1. 安裝，推薦使用vundle外掛程式管理器安裝，在~/.vimrc中，添加：Bundle ‘Emmet.vim’，輸入命令vim +BundleInstall +qall 即可完成安裝；

? ? 個人vim配置：https://www.github.com/lozybean/myVimConfig.git

2. 常用的縮減詞：

? ? # 添加一個id屬性；

? ? . 添加一個class屬性；

? ? > 添加一個下級標籤；

? ? + 添加一個平列標籤；

? ? [] 添加屬性具體值；

? ? {} 添加標籤中顯示的內容；

? ? * 添加連續的相同標籤；

? ? $ 添加遞增的數字，$$表示兩位元字等；

? ? () 用來改變優先順序順序，預設縮減片語合優先順序為 ?+ ?比 ?> 高，通過()的作用就像四則運算改變優先順序一樣。

3. 一個樣本，《細說PHP》p313 的縮減片語合：

form[method=post][action=viewthread.php][target=_blank]>h2[align=center]{發表文章示範}+(div[style="width:200;float:left"]>h5{選項}+(ul[style="list-style:none;margin:0px;padding:0px"]>li*9>input[type=checkbox][name="parse[]"][value=$$]))+div[style="width:300;float:left"]>(h5{標題}>input[type=text][name=subject][size=50])+(h5{內容}>textarea[rows=7][cols=50][name=message])+input[type=submit][name=replysubmit][value="發表文章"]

由於屬性比較多，寫出來會比較長，但是裡面用到了非常多的縮減詞方法，將游標移動到最後（仍然在插入模式下），按下control+y，然後再按 , 按鍵，將縮減詞展開：

4. 多行選取：vim中多行選取後再展開，會提示輸入縮減詞，然後將選中的多行展開，如果使用*（如果縮減詞比較複雜，包含屬性等，則將*放到最後），則會講每一行的內容分別放到標籤中，否則會把整個內容放到一個標籤中。

? ? 多行選取貌似對input標籤無效，或者是對單標籤無效，求驗證。

5. 常用的編輯命令，用<c-y>表示control+y，命令實現的模式都是<c-y>，然後再按一個按鍵的方式實現：

? ? <c-y> + , : 展開縮減詞

? ? <c-y> + n : 移動游標到下一個編輯點

? ? <c-y> + N : 移動游標到上一個編輯點

? ? <c-y> + d : 選中整個標籤（visual模式）

? ? <c-y> + D : 選中標籤中的內容 ?(visual模式)

? ? <c-y> + / : 注釋一個標籤

? ? <c-y> + k : 移除一個標籤

在vim中使用zencoding/Emmet