Skip to main content

ESLint と Prettier を使う

ESLint と Prettier の比較​

以下のコードを ESLint でフォーマットすると、幅が広すぎるという警告が表示されます( max-len の設定によります) 。Prettier はそれを自動的にフォーマットしてくれます。

foo(reallyLongArg(), omgSoManyParameters(), IShouldRefactorThis(), isThereSeriouslyAnotherOne(), noWayYouGottaBeKiddingMe());
foo(
  reallyLongArg(),
  omgSoManyParameters(),
  IShouldRefactorThis(),
  isThereSeriouslyAnotherOne(),
  noWayYouGottaBeKiddingMe()
);

ソース: https://github.com/prettier/prettier-eslint/issues/101

ESLint と Prettier の統合​

ESLint と Prettier はコードフォーマット機能で重複していますが、prettier-eslint や eslint-plugin-prettier、eslint-config-prettier のような他のパッケージを使うことで簡単に組み合わせることができます。それぞれの違いについての詳細は、リンク先のこちらをご覧ください。