설치

ESLint에 비해 Prettier 설정은 비교적 간단합니다! 😊

아래 명령어를 터미널에 입력하여 개발 용 종속성으로 prettier를 설치하세요.

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

https://prettier.io/docs/en/install

설정

https://prettier.io/docs/en/options

.prettierrc 파일을 생성하여 사용하고 싶은 옵션을 정의하세요.

옵션을 디폴트 값으로 사용해도 작업자 간 공유를 위해, 꼭 지켜졌으면 하는 옵션은 입력하는 것이 좋습니다.

{
  "printWidth": 80, // 코드 한 줄의 너비
  "tabWidth": 2, // 공백 사이즈
  "useTabs": false, // 공백으로 스페이스 대신에 탭 사용
  "semi": true, // 코드 마지막에 세미콜론 사용
  "singleQuote": true, // 작은따옴표 사용
  "bracketSpacing": true, // 괄호 안에 공백 추가
  "trailingComma": "none" // 배열 및 객체 마지막에 쉼표 추가
}

필요하다면 .prettierignore 파일을 만들어 검토하지 않을 파일이나 폴더를 지정할 수 있습니다.

.prettierignore는 .gitignore 및 .eslintignore(있는 경우)를 참고합니다.

# Ignore artifacts:
build
coverage

실행