安装

使用plug-vim
Plug ‘mattn/emmet-vim‘

使用

1. 展开

键入 div>p#foo$*3>a 然后按快捷键 , – 表示 后再按逗号，不妨把 Ctrl-y看成 emmet 指令的启动，就像 Vim 的 : 表示进入命令行模式。

2. 外部包住

如下内容：

test1
test2
test3
按大写的 V 进入 Vim 可视模式，“行选取”上面三行内容，然后按键 ,，这时 Vim 的命令行会提示 Tags:，键入 ul>li*，然后按 Enter，结果如下：

• test1
• test2
• test3

而假如输入的 tag 是 blockquote’，则结果会变成下面这样：

test1 test2 test3

3. 插入模式下根据光标位置选中整个标签

按 d

4. 插入模式下根据光标位置选中整个标签内容

按 D

5. 跳转到下一个编辑点

插入模式下按 n

6. 跳转到上一个编辑点

插入模式下按 N

7. 更新图片大小

移动光标到 img 标签。

然后按 i，结果如下：

8. 合并行

选择下面的所有 <li> 行

然后按 m，结果如下：

9. 移除标签对

首先，移动光标到块中

然后在插入模式下按 k，结果如下：

再次按 k 则上面代码块中连 div 标签块都会被移除。

10. 分割/合并标签

首先，移动光标到块中

在插入模式下按 j：

	" 使用emmet
	Plug ‘mattn/emmet-vim‘
	" 仅html/css文件加载emmet插件
	autocmd FileType html,css EmmetInstall
	" 重新配置触发键和补全键
	"let g:user_emmet_leader_key = ‘<C-Z>‘
	"let g:user_emmet_expandabbr_key = ‘<Tab>‘

Vim Emmet插件使用