Quantcast
Channel: Vimタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 5608

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

$
0
0

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

さて後は個人の設定だ。

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

  • eslint
    • ^3.19.0
  • vim
    • version 7.4.2290
  • vim-javascript
    • 1.2.5.1
  • flow(-bin)
    • ^0.44.2

vimの設定

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

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

スクリーンショット 2017-04-21 10.43.38.png

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

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

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

eslint

どうせpluginがあるんでしょ?

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-eslintplugins:-flowtype

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

ルール 設定

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

終わり


Viewing all articles
Browse latest Browse all 5608

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>