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

[sdjl]

让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开发)

[123123]

这……这种插件配置一搜一大把，LZ 又为互联网冗余数据增砖添瓦。
教程类感觉还是直接放个连接更好

如果是 html 代码还是 ZenCoding 的语法会更给力
之前一直用的是 Vim 上的 UltiSnips，现在已经转用 ST 了

[sdjl]

@123123 能试一下它们之间的区别吗? 有更多的尝试是一件好事

[123123]

@sdjl 从 snipMate 换到 UltiSnips 的，用起来到是没觉得有什么差别，不过没记错的话 UltiSnips 的语法更强大一些

[chemzqm]

这个插件一个最给力的地方就是默认就带了许多有用的片段，插入模式输入<C-R>tab 可查看。

[ufo22940268]

@chemzqm 又发现了一个牛逼的功能，<C-R>tab