More than 5 years have passed since last update.

vimでreactの環境を整える

Last updated at 2015-02-24Posted at 2015-02-17

#JSXのシンタックス
JSXのシンタックスをカラーリングする

##インストール

.vimrc

NeoBundle 'pangloss/vim-javascript'
NeoBundle 'mxw/vim-jsx'

vimrcのプラグインの管理をNeoBundleでやっているので、NeoBundleの書き方になってます。

###設定
.jsxだけではなく、.jsファイルにもシンタックスを有効にするためのオプション

.vimrc

let g:jsx_ext_required = 0

React v0.12からは.jsxが推奨らしいので上のオプションは設定しなくてもいいかも

#jslint
普段jshintを使っているので、それでJSXの部分がエラーに成ってしまってて面倒なので、どうにかしたい。

これが良さそう？

普段vimでjsを保存する際にjshintをかませているので、その部分をjsxhintにしてあげる

.vimrc

let g:syntastic_javascript_checkers=['jsxhint']