[javascript] Prettier를 이용하여 코드베이스 전체를 일관된 스타일로 변환하는 방법은 무엇인가?

[javascript] Prettier를 이용하여 코드베이스 전체를 일관된 스타일로 변환하는 방법은 무엇인가?

26 Dec 2023

javascript

먼저, 프로젝트 루트 디렉토리에 Prettier를 설치합니다.

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

프로젝트 루트에 .prettierrc 파일을 만들어 Prettier 구성 옵션을 정의합니다. 예를들면:

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

package.json 파일에 스크립트를 추가하여 프로젝트 전체의 코드를 변환할 수 있도록 합니다.

"scripts": {
  "prettier": "prettier --write \"src/**/*.js\""
}

프로젝트 루트 디렉토리에서 위의 명령어를 실행하여 전체 코드베이스를 Prettier 스타일에 맞게 변환합니다.

npm run prettier

이렇게 하면 프로젝트 전체 코드베이스를 Prettier를 사용하여 일관된 스타일로 변환할 수 있습니다.