emmet-vim
1.0、参考
1.1、emmet-vim简介

emmet-vimEmmet针对Vim的插件。

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

Emmet官方做了很多软件的插件,比如Sublime TextWebStormEclipseNotepad++DreamweaverAdobe Brackets等。

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

emmet-vimGitHub上的网址:https://github.com/mattn/emmet-vim

1.2、通过vim-plug安装emmet-vim

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

Plug 'mattn/emmet-vim'

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

w
source %
PlugInstall
1.3、查看emmet-vim帮助文档

Vim底行模式下执行如下命令:

help emmet.txt
1.4、配置emmet-vim
1.4.1、配置触发快捷键

默认的触发快捷键是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键才有效,这是不是太坑了!!

1.4.2、配置文件类型检测

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

let g:user_emmet_install_global = 0
autocmd FileType html,css EmmetInstall
1.5、使用emmet-vim

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