VSCode で Prettier と StandardJS を併用する ESLint の設定

覚え書き。

npm init でプロジェクトを作った後、Eslint と Prettier と StandardJS を使うための依存関係をインストールする。

$ npm i --save-dev \
eslint \
prettier \
eslint-config-prettier \
eslint-config-standard \
eslint-plugin-import \
eslint-plugin-node \
eslint-plugin-prettier \
eslint-plugin-promise \
eslint-plugin-standard

次に .eslintrc.json を書く。

$ cat << EOS > .eslintrc.json
{
  "extends": [
    "standard",
    "prettier"
  ],
  "rules": {
    "prettier/prettier": [
      "error",
      {
        "singleQuote": true,
        "semi": false,
        "trailingComma": "all"
      }
    ]
  },
  "parser": "babel-eslint",
  "plugins": [
    "prettier"
  ]
}
EOS

rules["prettier/prettier"] のオプションはお好みで。

最後に VSCode の設定。.vscode/settings.json に以下を書いておくと、ファイルを保存するたびにコード整形が行われる。

{
  "eslint.autoFixOnSave": true
}