[javascript] Parcel에서 Prettier를 사용하는 방법은?

22 Nov 2023

Parcel과 Prettier를 함께 사용하려면 다음 단계를 따르세요:

프로젝트 디렉토리에서 터미널을 열고, 다음 명령어를 사용하여 Prettier를 설치하세요:
```
npm install --save-dev prettier
```
프로젝트 디렉토리에 .prettierrc 파일을 생성하고, 원하는 코드 스타일을 JSON 형식으로 작성하세요. 예를 들어, 다음과 같이 작성할 수 있습니다:
```
{
  "singleQuote": true,
  "semi": false
}
```
이 예시에서는 작은따옴표를 사용하고, 세미콜론을 사용하지 않는 스타일을 적용하고 있습니다. .prettierrc 파일을 통해 Prettier의 다양한 옵션을 설정할 수 있습니다.
프로젝트 디렉토리에 .prettierignore 파일을 생성하고, Prettier가 무시해야 할 파일 또는 디렉토리를 작성하세요. 이 파일은 선택 사항이지만, 프로젝트에 예외적으로 포맷팅을 적용하고 싶지 않은 파일이 있을 경우 유용합니다.
package.json 파일의 scripts 항목에 "format": "prettier --write ." 명령어를 추가하세요. 이 명령어는 프로젝트의 전체 코드를 Prettier로 자동 포맷팅해줍니다.
터미널에서 npm run format 명령어를 실행하면, Prettier가 프로젝트의 코드 파일을 스캔하고 포맷팅을 적용합니다.

이제 Parcel과 Prettier를 함께 사용할 수 있습니다. 코드 변경 후 npm run format 명령을 실행하면, Prettier가 자동으로 코드를 포맷팅하여 일관된 코드 스타일을 유지할 수 있습니다.

참고 자료: