[Vim] 網頁開發必備外掛 emmet-vim

透過 vundle 外掛管理程式來裝 emmet-vim

安裝 vundle, 請參考 Vundle 安裝


開啟 ~/.vimrc 檔案

注意：請務必加在 vundle#begin/end 之間

Plugin 'mattn/emmet-vim'

存檔


在 Vim 下指令 :PluginInstall 即完成安裝




Emmet-Vim 使用方式 (組合鍵)

Ctrl + Y + ,


例如：

html:5(Ctrl+Y+,) 即會顯示最基礎的 html5 的程式碼

說實在 Ctrl + Y 太遠了，而且還要再加上第三鍵 , (逗點)


大多的 GUI 編輯器是用 Tab 或是 Ctrl+e, 後者我覺得在 Vim 上比較實用

只要在 ~/.vimrc 加上修改值

let g:user_emmet_expandabbr_key = '<C-E>'

這樣就就可以用 Ctrl+E 展開 code 囉！