vimでreactの環境を整える

JSXのシンタックス

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

https://github.com/mxw/vim-jsx

インストール

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

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

設定

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

let g:jsx_ext_required = 0

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

jslint

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

https://github.com/STRML/JSXHint/

これが良さそう？

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

let g:syntastic_javascript_checkers=['jsxhint']

https://github.com/scrooloose/syntastic/wiki/JavaScript:---jsxhint