zencoding-vim is vim script support for expanding abbreviation like zen-coding(emmet).
cd ~/.vim unzip zencoding-vim.zip If you install pathogen.vim:
cd ~/.vim/bundle # or make directory unzip /path/to/zencoding-vim.zip If you get source from repository:
cd ~/.vim/bundle # or make directory git clone http://github.com/mattn/zencoding-vim.git or:
git clone http://github.com/mattn/zencoding-vim.git cd zencoding-vim cp plugin/zencoding.vim ~/.vim/plugin/ cp autoload/zencoding.vim ~/.vim/autoload/ cp -a autoload/zencoding ~/.vim/autoload/ Open or create New File:
vim index.html Type ("_" is the cursor position):
html:5_ Then type "," (Ctrl + y + ','), you should see:
<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> _ </body> </html> If you don't want enable zencoding in all mode, you can use set a option in vimrc:
let g:user_zen_mode='n' "only enable normal mode functions. let g:user_zen_mode='inv' "enable all functions, which is equal to let g:user_zen_mode='a' "enable all function in all mode. http://www.zfanw.com/blog/zencoding-vim-tutorial-chinese.html