[解決済み] prettier-eslint、eslint-plugin-prettier、eslint-config-prettierの違いは何ですか？

質問

PrettierとESLintを一緒に使いたいのですが、順番に使うだけではコンフリクトが発生してしまいます。この3つのパッケージがあれば、併用できそうですね。

• prettier-eslint
• eslint-plugin-prettier
• eslint-config-prettier

しかし、これらのパッケージ名にはすべて eslint と prettier .

どちらを使うべきですか？

どのように解決するのですか？

tl;dr: 使用する eslint-config-prettier それ以外は無視してください。

ESLint には多くのルールが含まれており、書式に関連するものは以下のように Prettier と衝突する可能性があります。 arrow-parens , space-before-function-paren などがあります。したがって、これらを一緒に使用すると、いくつかの問題が発生します。ESLintとPrettierを併用するために、以下のツールを作成しました。

詳しくは Prettier公式ドキュメント .

書式設定はPrettierに任せ、書式設定以外の問題はESLintに任せるのが推奨されるやり方です。 prettier-eslint はその実践とは方向性が違うので、そのため prettier-eslint はもう推奨されません。そのため eslint-plugin-prettier と eslint-config-prettier を一緒に使う。