[Prettier] vscode에 prettier 설치 및 저장 시 auto formatting 설정하기

 

Prettier 설치

vscode extension에서 prettier를 검색하여 설치

 

Prettier를 기본 formatter로 설정

vscode 전역 설정 -> Default Formatter 옵션을 Prettier로 설정

 

저장 시(Control + S) auto formatting 설정

vscode 전역 설정 -> Format On Save 옵션을 활성화

 

프로젝트의 Prettier 적용

• 프로젝트의 루트 디렉토리에 .prettierrc.js 등의 파일이 있는 경우 prettier는 vscode 전역 포멧팅 스타일이 아닌 해당 prettier포멧팅 스타일을 자동 적용
• React-Native 프로젝트의 경우 따로 설정할 필요 없음