Vim Plugins For Node.js

使用Vim作为Node.js的IDE环境也是个不错的选择。

Vim: http://www.vim.org/download.php

Node.js在Github上也有一篇关于Vim插件的推荐文章。

https://github.com/joyent/node/wiki/Vim-Plugins

下面就整理一下配置Vim的一些步骤。

1. Pathogen

这是Vim中用来方便管理插件的插件，有了它，之后介绍的很多插件安装就会显得简单。

在~\vimfiles下新建两个文件夹，~\vimfiles\autoload和~\vimfiles\bundle

复制pathogen.vim到~\vimfiles\autoload\pathogen.vim

记事本打开~\_vimrc，在最后加入如下代码：

"自动缩进
set autoindent
"语法高亮
syntax on
"自动检测文件类型并加载相应的设置
filetype plugin indent on
"不自动换行
set nowrap
"智能对齐方式
set smartindent
"一个tab是4个字符
set tabstop=4
"按一次tab前进4个字符
set softtabstop=4
"显示行号
set number
"缺省不产生备份文件
set nobackup

call pathogen#infect()

2. Tabular

Vim中的代码对齐插件，可以实现各种各样的对齐功能

命令行进入~\vimfiles\bundle，使用git命令

git clone git://github.com/godlygeek/tabular.git

打开Vim，键盘输入建立文档索引

:helptags ~\vimfiles\bundle\tabular\doc

可输入下面命令来查看帮助文档

:help tabular

常用命令如下

:Tab /=        等号对齐
:Tab /:        冒号对齐
:Tab /:\zs     冒号后的文字对齐

效果图

3. jshint

JS语法查错插件

命令行进入~\vimfiles\bundle，使用git命令

git clone https://github.com/walm/jshint.vim.git

打开Vim，键盘输入建立文档索引

:helptags ~\vimfiles\bundle\jshint.vim\doc

可输入下面命令来查看帮助文档

:help jshint

常用命令如下

:JSHint

效果图

4. Syntastic

这是VIM中针对语法检查的扩展应用，可以更准确的定位到语法错误点

命令行进入~\vimfiles\bundle，使用git命令

git clone https://github.com/scrooloose/syntastic.git

打开Vim，键盘输入建立文档索引

:helptags ~\vimfiles\bundle\syntastic\doc

可输入下面命令来查看帮助文档

:help syntastic

效果图

5. Vim-JavaScript

JavaScript语法高亮

命令行进入~\vimfiles\bundle，使用git命令

git clone https://github.com/pangloss/vim-javascript.git

6. Jade

Jade模板语法高亮

命令行进入~\vimfiles\bundle，使用git命令

git clone git://github.com/digitaltoad/vim-jade.git

7. CoffeeScript

CoffeeScript语法高亮

命令行进入~\vimfiles\bundle，使用git命令

git clone https://github.com/kchmck/vim-coffee-script.git

8. Stylus

Stylus语法高亮

命令行进入~\vimfiles\bundle，使用git命令

git clone https://github.com/wavded/vim-stylus.git

9. SnipMate

Vim中的Code Snippets

解压缩snipMate.zip到~\vimfiles

修改_vimrc，在最后一行加入

"设置代码片段目录
let snippets_dir = $VIM.'\vimfiles\snippets\'

打开Vim，键盘输入建立文档索引

:helptags ~\vimfiles\doc

可输入下面命令来查看帮助文档

:help snipmate

10. nodejs-snippets

Vim snippets for Node.js

git获取

git clone https://github.com/jamescarr/snipmate-nodejs.git

复制snippets文件夹到~\vimfiles\snippets

11. vim-node

Vim Dictionary for Node.js

git获取

git clone https://github.com/guileen/vim-node.git

复制dict文件夹到~\vimfiles\dict

修改_vimrc，在最后一行加入

"添加字典文件
au FileType javascript set dictionary+=$VIM.'\vimfiles\dict\node.dict'

12. vim-nodejs-complete

Vim代码提示 for Node.js

git获取

git clone https://github.com/myhere/vim-nodejs-complete.git

复制after文件夹到~\vimfiles\after

使用方法：在编辑js代码时候，按ctrl-x和ctrl-o进入提示模式。

效果图