使用Vim的過(guò)程中會(huì)發(fā)現(xiàn)其自帶的代碼補(bǔ)全功能非常的不實(shí)用孔庭。
今天介紹一下如何使用Tern和YouCompleteMe在Vim中實(shí)現(xiàn)Javascript自動(dòng)補(bǔ)全甫题。
安裝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
? - 在其中加入如下內(nèi)容
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
- 打開(kāi) .vimrc
vim ~/.vimrc
- 在 Plugin 'gmarik/Vundle.vim' 后面追加如下內(nèi)容
Plugin 'Valloric/YouCompleteMe'
Plugin 'marijnh/tern_for_vim'
-打開(kāi)vim禀挫,并運(yùn)行:PluginInstall
2,編譯YouComplete
- 編譯前需要先安裝cmake
cd ~/.vim/bundle/YouCompleteMe/
./install.sh
配置 Tern
1抬闯,在Tern目錄下執(zhí)行npm install
cd ~/.vim/bundle/tern_for_vim
npm install
2井辆, 在你的項(xiàng)目根目錄創(chuàng)建 .tern_project 文件,并配置
touch .tern_project
在其中加入如下內(nèi)容
{
? "libs": [
? ? "browser",
? ? "underscore",
? ? "jquery"
? ],
? "plugins": {
? }
}
在plugin中可以加入node或者angular等關(guān)鍵字溶握,加載該庫(kù)的補(bǔ)全功能杯缺。如下:
"plugins": {
? "node": {}
}
接下來(lái)便可以進(jìn)行使用了,打開(kāi)項(xiàng)目中的文件睡榆,感受自動(dòng)補(bǔ)全的快感~