ESLintの導入手順まとめ #JavaScript

ESLintの導入したときの手順をまとめる

yarn add

yarn add --dev eslint eslint-config-airbnb eslint-plugin-import babel-eslint`

設定ファイル

プロジェクト直下の内容のファイルを置く

.eslintrc.json

{
  "env": {
    "es6": true,
    "browser": true,
    "jquery": true // if use $
  },
   "plugins": [
    "import"
  ],
  "parser": "babel-eslint", // for async/await
  "extends": "airbnb-base"
}

ESLintの実行

Railsで app/frontend/javascriptにjsを配置するときの例
--fixオプションは可能なものは自動修正するオプション

以下の様にpackge.jsonのscriptsに追加して
yarn run lint:javascriptで実行

package.json

...
  "scripts": {
    "lint:javascript": "eslint --fix app/frontend/javascripts/**/*"
  },
...