먼저, Prettier를 프로젝트에 설치합니다. 이를 위해 프로젝트 루트 디렉토리에서 다음 명령을 실행합니다.

npm install --save-dev --save-exact prettier

그런 다음, 프로젝트 루트 디렉토리에 .prettierrc 파일을 만들어 Prettier 구성 옵션을 정의합니다. 이 파일에는 코드 스타일과 관련된 옵션을 설정할 수 있습니다.

예를 들어, 다음과 같이 .prettierrc 파일을 작성할 수 있습니다.

{
  "singleQuote": true,
  "semi": false,
  "tabWidth": 2,
  "printWidth": 80
}

이제 Prettier를 사용하여 코드를 정리할 수 있습니다. 프로젝트 루트 디렉토리에서 다음 명령을 실행하여 코드를 정리합니다.

npx prettier --write .

위 명령을 실행하면 프로젝트 내의 모든 .js 및 .jsx 파일이 Prettier로 형식이 맞춰집니다. 또한, 필요에 따라 package.json 파일에 format 스크립트를 추가하여 코드 정리 명령을 간단히 실행할 수도 있습니다.

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

이제 Prettier를 사용하여 코드베이스 전체를 자동으로 정리할 수 있습니다.