[javascript] Prettier의 규칙을 커스터마이징하여 프로젝트에 맞는 형식 규칙을 적용하는 방법은 무엇인가?
Prettier의 규칙을 커스터마이징하여 프로젝트에 맞는 형식 규칙을 적용하는 방법은 다음과 같습니다.
-
프로젝트 루트 디렉토리에
.prettierrc
파일을 생성합니다. 이 파일은 Prettier의 설정을 지정하는 파일입니다. -
.prettierrc
파일 안에는 Prettier의 옵션을 JSON 형식으로 작성합니다. 예를 들어, 들여쓰기 규칙을 변경하고 싶다면 아래와 같이 작성할 수 있습니다.
{
"tabWidth": 2,
"useTabs": false,
"semi": false,
"singleQuote": true
}
위 예제는 들여쓰기에 2개의 공백을 사용하도록 지정하고, 탭 대신 공백을 사용하도록 설정하며, 세미콜론을 제거하고, 문자열은 작은따옴표를 사용하도록 설정한 것입니다.
- 필요한 옵션들을 추가하거나 수정한 후에는 Prettier를 실행하여 설정을 적용합니다.
커스텀 Prettier 설정을 적용함으로써 프로젝트에 맞는 코드 형식 규칙을 자유롭게 적용할 수 있습니다.