2015/09/15: JetBrains IDEでeslintとjscsを設定してみた
仕事でeslintとJSCSを使っているのですが、gulpで回しているだけだとlintエラーに素早く対処しにくいので、IDEでも設定してみることにしました。（私が主に使っているのはRubyMineです。）
インストール
IDEの設定
以下のページを参考に設定を行いました。.eslintrcや.jscsrcを見に行くようにしているので、gulpでビルドするときにかかるチェックと同じものがかかります。
IDE上では以下のような感じで動いています。JSCSはコンテキストメニューから自動整形も可能です。ただ、JSX内のHTML実体参照が変換されてビルドが通らなくなるなどの問題があるので使っていません（2015/9/15 jscs@2.1.1にて発生）。
余談ですが、JSCSとeslintの役割がかぶっている部分があるので、うまい具合にルールを切り分けたいと考えています。ただ、以下のコミットを見る限りeslintでもコードスタイルの自動整形が検討されているようなので、将来的にはeslintに一本化できるのかもしれません。当面は二本立てで様子見ですかね。。。
インストール
// JSCSとeslintのインストール npm install jscs -g npm install eslint -g // babelパーサとreact向けプラグインのインストール npm install babel-eslint -g npm install eslint-plugin-react -g
IDEの設定
以下のページを参考に設定を行いました。.eslintrcや.jscsrcを見に行くようにしているので、gulpでビルドするときにかかるチェックと同じものがかかります。
IDE上では以下のような感じで動いています。JSCSはコンテキストメニューから自動整形も可能です。ただ、JSX内のHTML実体参照が変換されてビルドが通らなくなるなどの問題があるので使っていません（2015/9/15 jscs@2.1.1にて発生）。
余談ですが、JSCSとeslintの役割がかぶっている部分があるので、うまい具合にルールを切り分けたいと考えています。ただ、以下のコミットを見る限りeslintでもコードスタイルの自動整形が検討されているようなので、将来的にはeslintに一本化できるのかもしれません。当面は二本立てで様子見ですかね。。。
Posted by あかさた
最近のエントリ
- 2017/05/02 Rails 4.2.8を5.1.0にアップグレードした
- 2016/10/11 Rails 4.2を5.0に上げたら、production環境でautoload_pathsが効かなくなった
- 2015/09/15 JetBrains IDEでeslintとjscsを設定してみた
- 2014/12/23 Rails 4.1.1を4.2.0にアップグレードした
- 2014/08/03 CentOSでrroonga gem（Ruby向けGroongaライブラリ）のインストールに失敗したので対処方法をメモ
最近の読書メモ
- 2014/05/16 池上遼一の「スパイダーマン」
- 2014/05/09 虫にちなんだ能力を持った殺し屋のバトルを描いた「アラクニド」
- 2014/05/07 隆慶一郎原作、横山光輝作画の捨て童子 松平忠輝
- 2014/05/03 ハクメイとミコチ第1巻を読んだ