ESLintをコマンドだけで簡単に導入する方法

はじめに

ちょっとしたコードを書く時、「ちょっとだけだからLinterはいらないや」という気持ちでいざコードを書いてみたら、どんどん統一感がなくなっていき、次第に「やっぱりLinter欲しい。。」となったことはありませんか？
私はよくこの症状に陥るのですが、その度に「packageって何入れればいいんだっけ？」や「.eslintrcの書き方どうだっけ？」となって、毎回ググってしまいます。
そこで、今回はコマンドだけで簡単にESLintを導入できる方法を見つけたので共有します。

やり方

ソースコードがあるフォルダで以下を実行します。
ちなみに私はAirbnb派なので、その例を示します。

bash

$ npm init  # package.jsonが既にあれば不要
$ npm install -D eslint
$ ./node_modules/eslint/bin/eslint.js --init  # binまで行けばtabで補完できます
> Use a popular style guide
> Airbnb
> N
> Javascript

--initによって、必要なpackage（eslint-config-airbnb-baseとeslint-plugin-import）のインストールと、.eslintrc.jsの作成を行ってくれます。
ESLintのPluginを入れたエディタを使っているのであれば、これだけでESLintを利用できます。
コマンドでLintをかけたいのであれば、

bash

$ ./node_modules/eslint/bin/eslint.js . --fix  # --fixをつけると自動修正

または、package.jsonの"scripts"に

package.json

"scripts": {
  "eslint": "eslint . --fix"
}

を追加して

bash

$ npm run eslint

で実行できます。

いやー、initって便利ですね。