[VSCode] 맥에 Prettier 적용하기

Prettier란 글자 자동 정렬 및 문법을 수정해주는 확장 프로그램이다.

맥에서 단축키 사용 없이 파일을 저장하면 prettier를 적용시키는 방법을 소개하겠다.

(option + shift + f 를 눌러도 됨. 참고로 윈도우에서는 단축키 Alt + shift + f )

 

 

1️⃣ VS Code 상단 정중앙에 있는 검색 창에 >settings>json이라고 입력 후 Open Default Settings(JSON) 창에 들어간다.

VS Code 상단 정중앙에 있는 검색 창

검색창에 >settings>json 입력

 

2️⃣ json 파일에 "editor.formatOnSave" : true,를 추가해준다.

 

 

3️⃣ HTML·CSS 파일 등을 이상하게 작성하고 저장하면(cmd + s) 프리티어가 곧장 적용되는 걸 볼 수 있다.

VSCode 하단 오른쪽에 prettier 체크 표시가 한 개가 된 것으로 확인할 수 있다!

json 파일에 적용 전 - 체크 표시 두 개

 

json 파일에 적용 후 - 체크 표시 한 개