Next.jsのプロジェクトに`prettier`を追加する

2022-03-21 公開約 2 分

依存パッケージの追加:

bash

npm i -D prettier eslint-config-prettier

.eslintrc.jsonへの追記:

json

{
  "extends": ["next/core-web-vitals", "prettier"]
}

.prettierignoreへの追記:

/.next/
/out/

npmスクリプトの追加（任意）:

json

{
  "scripts": {
    "format": "prettier --write ."
  },
}