ESLint と Prettier を併用する方法 [JavaScript]

導入

参考：

TypeScript + Node.js プロジェクトに ESLint + Prettier を導入する手順 – Qiita

Prettier と ESLint の導入 – Qiita

ESLint と Prettier を導入する – Qiita

使い方

• eslint-config-prettier

参考：

Prettier 入門／ESLint との違いを理解して併用する – Qiita

ESLint と Prettierの使い方／静的検証／スタイル統一 | わくわくBank

Prettier と ESLint の組み合わせの公式推奨が変わり plugin が不要になった | blog.ojisan.io

eslint-plugin-prettier を ESLint から 分離するサンプル | DevelopersIO

いつのまにか eslint-plugin-prettier が推奨されないものになってた | K note.dev

Prettier を ESLint と連携してコード自動整形かつ Visual Studio Code でオートフォーマットする | ナベリヲログ

Set up a Node.js App with ESLint and Prettier (Thomas Sentre) | Bits and Pieces

Integrating with Linters | Prettier [Official]

Prettier vs. Linters | Prettier [Official]

設定

参考：

Prettier 時代の ESLint の設定 – Qiita

ESLint と Prettier を併用する時の設定 | すな.dev

ESLint + Prettier の設定方法まとめ | まくろぐ

TypeScript

参考：

TypeScript + Node.js プロジェクトに ESLint + Prettier を導入する手順 – Qiita

TypeScript のプロジェクトで ESLint + Prettier を活用する | Tips Note by TAM

TypeScript 環境で、ESLint と Prettier 入れてみた | miyaken0805

まとめ

ESLint / Prettier について学んだことまとめ – Qiita

eslint-config-prettier

Prettier で整形する場合に、ESLint で不要となるルールを除外する。

リポジトリ：

prettier/eslint-config-prettier: Turns off All Rules that are Unnecessary or Might Conflict with Prettier – GitHub

入手：

eslint-config-prettier – npm

参考：

ESLint と Prettier の組み合わせ | kohski

eslint-plugin-prettier を ESLint から 分離するサンプル | DevelopersIO

eslint-plugin-prettier

リポジトリ：

prettier/eslint-plugin-prettier: ESLint Plugin for Prettier Formatting – GitHub

入手：

eslint-plugin-prettier – npm

参考：

ESLint と Prettier の共存設定とその根拠について | blog.ojisan.io

ESLint + Prettier で JavaScript と CSS を自動フォーマットするぞ | かもメモ

prettier-eslint

Prettier の実行後に、ESLint による修正を適用するためのプラグイン。

リポジトリ：

prettier/prettier-eslint: Code Prettier eslint --fix Formatted Code – GitHub

入手：

prettier-eslint – npm

参考：

Prettier の導入方法／フロントエンド開発で必須のコード整形ツール | ICS MEDIA