シンタックスハイライト用のプラグインを入れる
vim-vueというプラグインを入れる
NeoBundleの場合
vimrc
NeoBundle 'posva/vim-vue'これで大体はOKなのですが、いくつか問題が出ることがあります。
ファイルの途中でハイライトがきかなくなるとき
例えば
このように途中でハイライトが効かなくなったとき
ファイルの先頭からパースしてハイライトを行う設定を追記する
autocmd FileType vue syntax sync fromstart
vueファイルのときだけそのように設定しました
結果
NERDCommenterでのコメントアウト機能を直す
1つのVueファイルの中にHTML, JS, CSSの記述が存在するのでそのままだとコメントアウトが正確に動作しなくなります。
例えば
こちらのdataの部分のようにHTMLのコメントアウトが挿入されてしまいます。
このとき
こちらに書いてあるように設定を行うと解決します
下記をvimrcに追記すればOK
letg:ft=''function! NERDCommenter_before()if&ft =='vue'letg:ft='vue'let stack = synstack(line('.'),col('.'))if len(stack)>0letsyn= synIDattr((stack)[0],'name')if len(syn)>0
exe 'setf '. substitute(tolower(syn),'^vue_','','')endifendifendifendfunctionfunction! NERDCommenter_after()ifg:ft=='vue'setf vue
letg:ft=''endifendfunction正確にコメントアウトされるようになります
以上です。