Next.jsにPrettierを導入して設定する仕事でNext.jsを使用しており、コード整形のためのPrettierを使っています。 導入方法や設定方法についてまとめました。 ほとんどの方はeslintと併用されている方がほとんどだと思うので、併用するための設定方法などについてもまとめます。 インストール eslint-config-prettierを入れることで、Eslintと被るルールに対して、Prettierを優先することができます。 # npmの場合 $ npm install -D prettier eslint-config-prettier # yarnの場合 $ yarn add -D prettier eslint-config-prettie Prettierの設定を行う 次にPrettierの設定を行っていきます。 .prettierrcが無い場合は、プロジェクトルートに自分で作成してください。 .prettie
