Prettier

Prettier

:자동으로 코드의 스타일을 관리해주는 도구

 

Pre-commit Hook

: git 에서 commit 하기 전에 미리 코드를 정리해주는 기능

 

Tutorial (in vs code)

1. vs code 확장에서 Prettier 검색 후 설치
2. 프로젝트에 .prettierrc 파일 생성
3. 프리티어 설정하기. 설정 내용은 Prettier 공식 홈페이지 Configuration(https://prettier.io/docs/en/configuration.html) 에서 확인 가능
4. F1 누르고 format document 를 누르면 프리티어에서 설정한 대로 코드가 정리된다
5. 만약 저장할 때마다 코드를 정리하고 싶은 경우 vscode 설정에서 format on save 체크해주기

속성 예시

trailingComma: 객체를 선언할 때 뒤에 쉼표를 넣는 것을 의미.

• none: 쉼표 안넣어도 됨
• es5: es5에서 지원하는 정도로 넣기
• all: 매번 사용

tabWidth: 들여쓰기 몇칸으로 할지

• 4: 들여쓰기 4칸

semi: 세미콜론을 쓸지 말지

• false / true

singleQuote: ''

• true: 매번 singleQuote 를 사용

더 많은 속성은 https://prettier.io/docs/en/options.html 에서 확인 가능