個人環境をflow対応した作業録

プロジェクトはflow対応したしnpm scriptsも整備してCIも出来るようになった。

さて後は個人の設定だ。

この記事は鮮度に気を使いません。
書捨てますので、投稿日からの経過日数などに気をつけてください。

• eslint
  • ^3.19.0
• vim
  • version 7.4.2290
• vim-javascript
  • 1.2.5.1
• vim-flow
  • https://github.com/flowtype/vim-flow/commit/3bd879dd7060f13a78e9238669c2e1731e098607
• flow(-bin)
  • ^0.44.2

vimの設定

シンタックスハイライト効かなくて辛い。

雑にしらべたところvim-javascriptってのがあるらしくそれを試している。

: type のあたりもハイライトしてほしい。

readmeに従って g:javascript_plugin_flow を設定した。

ついでに、 g:javascript_plugin_jsdoc も設定してみた。

追記

確かに色が付くんだけど、 typeのとこが必ず色が付くわけでもないのでちょっと不満。

追記 vim-flow

flow-binにwatchが無いので代わりにこいつをいれてみた。

eslint

どうせｐluginがあるんでしょ？

eslint-plugin-flowtype インストール

ほらあった。
eslint-plugin-flowtype

とりあえずグローバルにインストール
npm i -g eslint-plugin-flowtype

ん？ babel eslintも必要？
npm i -g babel-eslint

(ESLint parser does not support type annotations).

なんとなく分かる気もするけど、なんとなくでインストール。

.eslintrc 設定

.eslintrcの編集。 自分はyml派です。

parser: babel-eslint
plugins:
  - flowtype

コレで取り敢えず、eslintで怒られなくなった。

ルール 設定

もちろん recommendで
https://github.com/gajus/eslint-plugin-flowtype#recommended

終わり