Vim学习再开(2)——Emmet for Vim

昨天发现在Vim中的Emmet与我之前用过的编辑器(IDE),比如Sublime Text和Eclipse之流,不太一样。我并不是打算做前端工作的,不过就因为如此才更不能忍受写HTML时的累赘感,觉得非使用Emmet不可。还是先学习下vim中Emmet的正确使用方法,然后再去学习JavaScript。 关于Emmet的最基本使用,还是先去查看下官方的文档,或者是我搜索到的中文说明

安装Emmet for Vim

在上一篇中,安装好了Vundle这个插件管理插件,于是Emmet的安装就轻而易举了。 在.vimrc文件(Windows中是_vimrc)中添加

重开Vim,运行

:BundleInstall即可。

可选的一点配置

在需要的时候,还可以在vimrc中还可以添加一点配置。 下面是设置Emmet在Vim中启用的模式:

下面是设置Emmet只对html/css启用:

使用

输入Emmet的指令后,然后按下

Ctrl+y然后 ,生成html代码,似乎用Vim风格的表示应该是 ,。似乎Ctrl+y延时一段时间后这个命令会消失,所以要及时按下 ,才行。 在 html:5,,会生成以下代码:

我搜了一下,发现已经有很好的中文教程了,看这里。 非常感谢他们的工作~让我自己来说明,不知道会成什么番模样.. 忽然就功德圆满了,那么就此结束。后面就是通过使用来熟悉记忆命令了。



  1. Pingback: