왜 Prettier를 써야할까?

코드를 정해진 양식대로 수정해주므로, 여러 사람들이 공통적으로 코드를 읽고 이해하는데 큰 도움이 된다.

VScode에서 가장 많이 사용되는 Formatter는 Beautify와 prettier이다. prettier가 상대적으로 코드를 엄격하게 정렬시켜 준다.

익스텐션에서 prettier 검색 후 설치

Single Quote 설정

Single Quote 설정은 큰 따옴표로 되어있는 모든 문자열을 작은 따옴표로 바꿔서 포맷을 통일시켜준다.

• 환경설정으로 들어가서 prettier 검색 후 Prettier: Single Quote 체크

파일 저장시 자동 포맷팅 설정

이 옵션을 설정하면 매번 ctrl + K + F 를 누르지 않아도 저장만 하면 알아서 포맷팅이 지정된다. 개꿀

• 환경설정으로 들어가서 format 검색 후 Editor: Format On Save 체크

이 설정을 활성화 하면 타이핑을 하고 저장시에 포맷이 자동 적용되어 저장된다.

출처

VScode Code Formater 인 Prettier 완벽 적용하기

Prettier / 저장 시 자동으로 줄맞춤