VSCode에서 Prettier 적용 안될 때

먼저 vscode 설정으로 들어간다.

 

File -> Preferences -> Settings (for Windows)
Code -> Preferences -> Settings (for Mac)

 

"FormatOnSave"를 검색해서 해당 설정이 체크되어있나 확인하고,

 

"Default Formatter"를 검색해서 해당 설정이 esbenp.prettier-vscode 으로 되어있나 확인하고 

만약 null로 되있다면 esbenp.prettier-vscode 으로 변경해준다.

 

Prettier Setting

설정을 적용한 후, 해당 프로젝트에서 npm install을 진행하고 사용하면 된다.