[VSCode] Prettier 설정 방법

 

 

Prettier는 VSCode에서 코드를 이쁘게 자동으로 정렬해준다.

 

VSCode Extenstion탭에서 검색하여 설치해준 후,

 

설정 (Preference)에 들어가서 'editor format on save'를 검색, 체크박스에 체크 해준다.

 

다시 검색창에 'json'을 검색하면 아래와 같이 Edit in setting.json 파일이 나오는데, 눌러준다.

(VSCode 에디터의 전반적인 설정값을 넣는 json 파일이다)

아래와 같이 editor.formatOnSave이 true인지 확인해보자 (아니라면 true로 바꿔준다.)

 

 

완료!

 

 

 

 

 

 

(수정) 2020년 이후로 Prettier 작동 안되는 문제 ↓

nuggy875.tistory.com/110

VSCode Prettier 적용 안 되는 오류