[VScode] 익스텐션으로 Prettier 설정하기

1. 좌측의 Extension(확장) 탭에서 Prettier을 설치합니다

 

2. 기본 Formatter를 Prettier로 설정합니다

Ctrl + ,를 눌러서 설정창을 띄운 다음 '설정 검색'에서 formatter을 검색합니다.

Default Formatter을 Prettier로 선택합니다.

 

3. 필요한 설정 값을 넣어줍니다

설정창의 좌측 확장 탭에서 Prettier로 들어가서 필요한 걸 체크해도 되고

settings.json에서 직접 타이핑해줘도 됩니다.

Ctrl  + P(이름으로 파일 검색)를 타이핑하면 검색창이 나오고 settings.json을 띄워 필요한 값을 입력합니다.

settings.json에서는 키에 prettier. 접미사를 붙여야 합니다.

만약 .prettierrc 파일에서 설정한다면 안 붙여도 됩니다.

4. 재시작

Ctrl + Shift + P(명령어 단축키)를 눌러 Reload Window를 실행한다