zen-coding 这个创造性的发明，在 WEB界绝对是引发了13级地震，搞网页设计的如果不懂点这种技术肯定是落伍啦。
但是 zen-coding 官方并没有提供 vim 插件。使用 vim 的用户可能会比较沮丧，这么想你就错了，vim这个非常多大牛使用编辑器怎么会错过这个 极品插件呢？
于是 vim 官方出了一个 zen-coding 插件，不调用外部程序，响应速度更快，功能上面也比原版的 zen-coding 更多。 vim-zen-coding官方。
vim zen-coding 插件安装方法
在上面提供的 vim zen-coding 官方网页下载最新版本的 zencoding.vim。安装方法有两种
把 zencoding.vim 复制到 $HOME/.vim/plugin/ 目录下面，这种安装方法装完后，所有语言都能使用 zen-coding 这个插件。
方法二是 复制 zencoding.vim 到 $HOME/.vim/ftplugin/html 这里的 html 就是指 html这种类型的文件的时候，启用 zen-coding 插件。
vim zen-coding 插件使用方法
一，在编辑模式下输入
view source
print?
01 html:xxs>div#header+div#container>ul>li.class_$#id_$*2
02
03 按下 <ctrl+y> 然后 点 , 逗号。就自动展开为下面的代码。
04
05
06
07
08
09
10
11 <div >Secure source code hosting and collaborative development - GitHub</a>
05
06 How does it work? Get up and running in seconds by forking a project, pushing an existing repository...
07
08 <cite>http://github.com/</cite>
09 </blockquote>
10 </c-y>
但是 zen-coding 官方并没有提供 vim 插件。使用 vim 的用户可能会比较沮丧，这么想你就错了，vim这个非常多大牛使用编辑器怎么会错过这个 极品插件呢？
于是 vim 官方出了一个 zen-coding 插件，不调用外部程序，响应速度更快，功能上面也比原版的 zen-coding 更多。 vim-zen-coding官方。
vim zen-coding 插件安装方法
在上面提供的 vim zen-coding 官方网页下载最新版本的 zencoding.vim。安装方法有两种
把 zencoding.vim 复制到 $HOME/.vim/plugin/ 目录下面，这种安装方法装完后，所有语言都能使用 zen-coding 这个插件。
方法二是 复制 zencoding.vim 到 $HOME/.vim/ftplugin/html 这里的 html 就是指 html这种类型的文件的时候，启用 zen-coding 插件。
vim zen-coding 插件使用方法
一，在编辑模式下输入
view source
print?
01 html:xxs>div#header+div#container>ul>li.class_$#id_$*2
02
03 按下 <ctrl+y> 然后 点 , 逗号。就自动展开为下面的代码。
04
05
06
07
08
09
10
11 <div >Secure source code hosting and collaborative development - GitHub</a>
05
06 How does it work? Get up and running in seconds by forking a project, pushing an existing repository...
07
08 <cite>http://github.com/</cite>
09 </blockquote>
10 </c-y>
原文链接：
http://yulei.cc/blog/html/252.html