VimでCoffeeScriptを快適に書くための環境作り。
- Mac OS X Lion
- Vim 7.3（Lionに標準で入っているもの）
- CoffeeScript 1.2.0
VimはMac標準のターミナル.app上で使用する。Lionからは256色表示に対応したので実用性が高くなった。
ppathogenのインストール
まずvimのプラグインを管理しやすくするためのプラグインであるpathogenを導入する。手順は配布ページに書いてある通り。
mkdir -p ~/.vim/autoload ~/.vim/bundle curl 'www.vim.org/scripts/download_script.php?src_id=16224' \ > ~/.vim/autoload/pathogen.vim
.vimrcに次の1行を追加してインストール完了。
call pathogen#infect()vim-coffee-scriptプラグインのインストール
インストール自体は.vim/bundle以下にgit cloneするだけで完了。
cd ~/.vim/bundle git clone https://github.com/kchmck/vim-coffee-script.git
タブの設定をCoffeeScriptの推奨値にあわせて変更。次の1行を ~/.vim/after/ftplugin/coffee.vim に追加する。
setlocal shiftwidth=2 expandtab
さらに最も使用頻度が高い:CoffeeCompileコマンド（編集中のファイルをJavaScriptにコンパイルして、結果を別ウィンドウに表示するコマンド）にはショートカットキーを割り当てる。私はC-cに割り当てることにした。以下の2行を ~/.vim/after/ftplugin/coffee.vim に追加する。
" CoffeeCompileコマンドにvertオプションを付けることでウィンドウが縦に分割され、 " splitrightオプションによってコンパイル結果が右側に表示されるようになる nnoremap <silent> <C-C> :CoffeeCompile vert <CR><C-w>h setlocal splitright
vim-indent-guidesプラグインのインストール
CoffeeScriptはインデントで構造を表すので、インデント量の違いを見やすくするためにvim-indent-guidesプラグインを導入する。これもインストール自体はgit cloneで完了。
cd ~/.vim/bundle git clone https://github.com/nathanaelkane/vim-indent-guides.git
gVimで使用する場合はインデントの色も自動で設定されるようだが、私はターミナルで使用したいので手動で色を指定した。色見本はこちらのページを参考にした。
let g:indent_guides_enable_on_vim_startup = 1 let g:indent_guides_auto_colors = 0 " indent guides augroup indentguides autocmd! autocmd VimEnter,Colorscheme * :hi IndentGuidesEven ctermbg=236 autocmd VimEnter,Colorscheme * :hi IndentGuidesOdd ctermbg=235 augroup END
最終的な表示は次のようになる。
参考
