最近純粋なvimでは飽きたらずついにプラグインに手を出してしまいました。
そこで今回はHTMLでタグ補完を行える「emmet-vim」をご紹介
対象
Mac
neobundleって何？
NeobundleはShougoさんによって作られた、vimプラグインのパッケージマネージャーです。
日本人発のOSSはどこか惹かれますね
Neobundleのインストール
$ curl https://raw.githubusercontent.com/Shougo/neobundle.vim/master/bin/install.sh > install.sh
$ bash ./install.sh
上記を実行する事でvimrcに書くべき内容が出力されます。
私の環境だと下記のようになっています。
これをvimrcの先頭に追加してください。
"NeoBundle Scripts-----------------------------
if &compatible
set nocompatible " Be iMproved
endif
" Required:
set runtimepath+=/Users/Ryuichi/.vim/bundle/neobundle.vim/
" Required:
call neobundle#begin(expand('/Users/Ryuichi/.vim/bundle'))
" Let NeoBundle manage NeoBundle
" Required:
NeoBundleFetch 'Shougo/neobundle.vim'
" Add or remove your Bundles here:
NeoBundle 'Shougo/neosnippet.vim'
NeoBundle 'Shougo/neosnippet-snippets'
NeoBundle 'tpope/vim-fugitive'
NeoBundle 'ctrlpvim/ctrlp.vim'
NeoBundle 'flazz/vim-colorschemes'
" You can specify revision/branch/tag.
NeoBundle 'Shougo/vimshell', { 'rev' : '3787e5' }
" Required:
call neobundle#end()
" Required:
filetype plugin indent on
" If there are uninstalled bundles found on startup,
" this will conveniently prompt you to install them.
NeoBundleCheck
"End NeoBundle Scripts-------------------------
上記でneobundleの設定は完了です。
ここからはHTML用の補完プラグインを追記します。
下記をvimrcへ追記してください
NeoBundle 'mattn/emmet-vim'
あとは適当にテキストを開くのみで適用されます。
を入力後に「,」を実行することでタグが自動展開されます
index.html
<!-- 展開前 -->
html<C-y>,
<!-- 展開後 --><html></html>