vim8でコード補完（TypeScript）

vim-lspプラグインを利用することで、vim 8でもLanguage Server Protocol経由でコード補完機能を使えます。

例としてTypescriptのコード補完設定をとりあげます。

準備

まずvim8をインストールしておきます。macOSではbrew install vimでインストール可能です。

既存のvim7が存在している場合、PATHの優先順位の関係でvimコマンドがvim7を指しているケースがあるため、必要に応じてln -s /usr/local/bin/vim /usr/bin/viなどでvim8にシンボリックリンクを張っておくと良いでしょう。

ls -al /usr/bin/vi*でvi関係のコマンドが何を指しているかを確認できます。

また、vim-lspの標準手順では vim-plugでプラグインをインストールしているため、以下のコマンドでvim起動時に読み込まれるようにしておきます。

curl -fLo ~/.vim/autoload/plug.vim --create-dirs \
    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

TypeScriptのLanguage Serverインストール

補完リストなどを提供するTypeScriptのLanguage Serverはnpm install -g typescript typescript-language-serverでインストールできます。

vimからLanguage Serverへの接続設定については、 https://github.com/prabirshrestha/vim-lsp/wiki/Servers-TypeScriptに解説があります。

.vimrc

vim-lsp用の.vimrc設定は以下の範囲で動作しています。

call plug#begin('~/.vim/plugged')
Plug 'prabirshrestha/async.vim'
Plug 'prabirshrestha/vim-lsp'
Plug 'prabirshrestha/asyncomplete.vim'
Plug 'prabirshrestha/asyncomplete-lsp.vim'
call plug#end()

if executable('typescript-language-server')
    au User lsp_setup call lsp#register_server({
            \ 'name': 'typescript-language-server',
            \ 'cmd': { server_info->[&shell, &shellcmdflag, 'typescript-language-server --stdio']},
            \ 'whitelist': ['typescript', 'javascript', 'javascript.jsx']
            \ })
endif

let g:lsp_async_completion = 1
"let g:lsp_log_verbose = 1
"let g:lsp_log_file = expand("~/vim-lsp.log")

autocmd FileType typescript setlocal omnifunc=lsp#complete

inoremap &lt;expr> &lt;Tab> pumvisible() ? "\&lt;C-n>" : "\&lt;Tab>"
inoremap &lt;expr> &lt;S-Tab> pumvisible() ? "\&lt;C-p>" : "\&lt;S-Tab>"
inoremap &lt;expr> &lt;cr> pumvisible() ? "\&lt;C-y>" : "\&lt;cr>"
imap &lt;c-space> &lt;Plug>(asyncomplete_force_refresh)
autocmd! CompleteDone * if pumvisible() == 0 | pclose | endif

設定後にviを起動して:PlugInstallを実行すると、冒頭に記載している4つのプラグインをインストールします。

4つのうち、async.vimとvim-lspが素朴なオムニ補完クライアント機能を提供します（Ctrl-X, Ctrl-Oで呼び出し）。

後半のasyncompleteはインクリメンタルな絞り込みなど高次の機能を提供しています。

ioremap以降の最終ブロックがasyncompleteの挙動定義で、Tabでリスト選択する動作などを設定しています。