[VSCode] Prettier 적용하기 in MacOS

 

Prettier는 저장시 자동으로 줄 칸, 공백, 쉼표, 따음표 등을 맞춰주는 좋은 Vscode Extension이다.

 

설치 방법은

 

1. Market Place 에서 Prettier 검색 및 설치

 

2.  command + shift + p 누른 후 , Settings 입력

3.  Preference: Open Settings (JSON) 클릭

4. 아래 명령어 한줄 추가 (저장시 자동으로 줄 맞춰줌)

"editor.formatOnSave": true,

위와 같이 "editor.formatOnSave": true, 만 추가해주면 된다.

5. vscode 재부팅

 

* 적용모습

위와 같이 <div>를 막 생성 후 저장하면 아래와 같이 정렬이 된다.

 

끝.