Mac에서 VSCode Prettier 사용하기

 

---

Prettier 설치

VSCode Extension 탭에서 Prettier 검색하여 설치

 

Prettier 설정

설정에서 Tab Width, Indent 시 Tab을 사용할지 등 코드 포매팅 시 어떻게 할 지 설정

 

VSCode Default Formatter 설정

Code > Settings > Settings (command(⌘) + ,)

Default Formatter 검색 후 Prettier로 설정

 

Prettier 사용해서 Code Formatting

option(⌥) + shift(⇪) + F 커맨드 입력하면 자동으로 코드가 포매팅 되는 것 볼 수 있음