• Goodbye, Zen Coding. Hello, Emmet!

emmet-vim是Emmet针对Vim的插件。

Emmet项目原来叫Zen Coding，由俄罗斯前端开发工程师Sergey Chikuyonok开发，2012年的时候，项目启用新名称Emmet。

Emmet官方做了很多软件的插件，比如Sublime Text、WebStorm、Eclipse、Notepad++、Dreamweaver、Adobe Brackets等。

emmet-vim并非Emmet亲生，它由日本的Yasuhiro Matsumoto开发。

emmet-vim在GitHub上的网址：https://github.com/mattn/emmet-vim

step1、在~/.vimrc中的call plug#begin()和call plug#end()之间的行中加入如下配置

Plug 'mattn/emmet-vim'

step2、在Vim的底行模式下依次执行如下3个命令

w
source %
PlugInstall

在Vim的底行模式下执行如下命令：

help emmet.txt

默认的触发快捷键是C-Y，也就是Ctrl + y + ,，这距离太远了， 我们改成C-Z，也就是Ctrl + z + ,。

在~/.vimrc中加入如下配置：

let g:user_emmet_leader_key='<C-Z>'

一般的，在其他编辑器中触发快捷键是Tab键，这也是可以设置的，如下：

let g:user_emmet_expandabbr_key = '<Tab>'

不过，它只能在命令模式下按Tab键才有效，这是不是太坑了！！

这个插件只适用于编写HTML和CSS文件的时候， 编写其他文件的时候不会使用，我们可以根据文件名后缀加载该插件，配置如下：

let g:user_emmet_install_global = 0
autocmd FileType html,css EmmetInstall

除了触发快捷键不一样之外，其他语法与Emmet其他插件完全一样。 请参考Emmet官方文档