[分享] 使用vim的snipMate插件实现代码片段的自动完成

让vim自动完成代码片段
==================

使用vim编写代码时, 经常会输入一定模式的代码片段, 比如在写html代码时常输入如下的代码:
<div id="name" class="name" >

</div>

使用vim的snipMate插件可以让你仅输入div+tab即可"自动完成"上面的代码片段, 更厉害的是, snipMate会自动定位到name单词所在位置, 我们只需要继续敲键盘就可以输入id了, 然后再次按下tab键便能跳到下一个name, 以及跳到div的里面继续输入子html内容. 整个过程不需要使用esc键回到"normal模式"

还有, 你可以针对各种语言自定义自己的代码片段, 使用snipMate让你编码更流畅

项目地址: http://www.vim.org/scripts/script.php?script_id=2540

安装 snipMate
============

1 下载最新版 snipMate, 并解压

2 把snipMate中的文件夹复制到 ~/.vim/ 下, snipMate的plugin文件路径看起来是这个样子的:
~/.vim/plugin/snipMate.vim

3 确保~/.vimrc中有以下配置:
:filetype plugin on

如何自定义代码片段
===============

编辑 ~/.vim/snippets/ 下的文件即可, 比如想给javascript添加代码片段, 编辑 ~/.vim/snippets/javascript.snippets 即可

snipMate已经实现了许多常见语言的常用片段

另一种简单的代码提示
================

如果你觉得snipMate较麻烦, 那么还有一种简单的方式实现"自动完成"功能, 不需要安装任何插件, 仅需在 ~/.vimrc中添加如下配置即可:

autocmd FileType css set omnifunc=csscomplete#CompleteCSS
autocmd FileType html set omnifunc=htmlcomplete#CompleteTags
autocmd FileType javascript set omnifunc=javascriptcomplete#CompleteJS
:imap <S-tab> <c-x><c-o>

然后在insert模式下通过shift+tab来提示

欢迎关注我们的开发者微信公共账号, 第一时间收听更多技术性干货资讯:

(公共账号名称: zarkx开发)