Tern+YouCompleteMe实现vim中JS自动补全

使用Vim的过程中会发现其自带的代码补全功能非常的不实用。

今天介绍一下如何使用Tern和YouCompleteMe在Vim中实现Javascript自动补全。

安装Vundle

1,使用如下命令下载 Vundle到.vim/bundle/Vundle.vim目录下

mkdir ~/.vim/bundle

mkdir ~/.vim/bundle/Vundle.vim

cd ~/.vim/bundle/Vundle.vim

git clone https://github.com/gmarik/Vundle.vim.git ~/.vim/bundle/Vundle.vim

2,在.vimrc中配置Vundle

vim ~/.vimrc

  - 在其中加入如下内容

set nocompatible

filetype off

set rtp+=~/.vim/bundle/Vundle.vim

call vundle#begin()

Plugin 'gmarik/Vundle.vim'

call vundle#end()

filetype plugin indent on

安装 Auto Complete 和 Tern

1,使用Vundle安装YouCompleteMe和Tern

- 打开 .vimrc

vim ~/.vimrc

- 在 Plugin 'gmarik/Vundle.vim' 后面追加如下内容

Plugin 'Valloric/YouCompleteMe'

Plugin 'marijnh/tern_for_vim'

-打开vim,并运行:PluginInstall

2,编译YouComplete

- 编译前需要先安装cmake

cd ~/.vim/bundle/YouCompleteMe/

./install.sh

配置 Tern

1,在Tern目录下执行npm install

cd ~/.vim/bundle/tern_for_vim

npm install

2, 在你的项目根目录创建 .tern_project 文件,并配置

touch .tern_project

在其中加入如下内容

{

  "libs": [

    "browser",

    "underscore",

    "jquery"

  ],

  "plugins": {

  }

}

在plugin中可以加入node或者angular等关键字,加载该库的补全功能。如下:

"plugins": {

  "node": {}

}


接下来便可以进行使用了,打开项目中的文件,感受自动补全的快感~

推荐阅读更多精彩内容