Prettier 설치

먼저, 프로젝트 루트 폴더에서 다음 명령어를 사용하여 Prettier를 설치합니다.

npm install --save-dev prettier

Prettier 설정

프로젝트 루트에 .prettierrc 파일을 만들고, 코드 스타일을 정의합니다. 예를 들어, 들여쓰기 방식, 줄 바꿈 규칙 등을 설정할 수 있습니다. 명시적으로 설정하지 않아도 기본값을 사용할 수 있습니다.

Prettier 실행

Prettier를 실행하여 코드를 자동으로 리팩토링합니다.

npx prettier --write .

위 명령어는 현재 디렉토리의 모든 파일에 대해 Prettier를 실행하여 코드를 자동으로 수정합니다.

통합

이 단계는 Prettier를 통합하는 방법에 따라 달라질 수 있습니다. 예를 들어, 편집기에 Prettier 플러그인을 설치하여 저장할 때마다 자동으로 코드를 포맷팅할 수 있습니다.

Prettier를 사용하여 코드를 자동으로 리팩토링함으로써, 코드의 일관성을 유지하고 가독성을 향상시킬 수 있습니다.