zencoding-vim is vim script support for expanding abbreviation like zen-coding.
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 https://github.com/mattn/zencoding-vim.git
or:
git clone https://github.com/mattn/zencoding-vim.git
cd zencoding-vim
cp plugin/zencoding.vim ~/.vim/plugin/
cp autoload/zencoding.vim ~/.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>
https://github.com/mattn/zencoding-vim
http://www.zfanw.com/blog/zencoding-vim-tutorial-chinese.html