VSCode에서 Prettier의 Format on Save가 동작하지 않을 때 해결법

 

Prettier를 설치하고 VSCode 설정에서 Format on Save도 작동하도록 체크를 해줬는데 저장을 하면 Prettier가 동작하지 않을 때가 있다.

그 이유는 간단한데 VSCode에 Default Formatter로 Prettier가 설정되어 있지 않기 때문이다.

VSCode 설정창에 들어간다. 맥 단축기 command + ,

그리고 검색창에 default formatter 로 검색한다.

처음에는 Default Formatter 에 None 으로 지정되어있는데 이 부분을 우리가 다운로드 한 Prettier - Code formatter 로 변경해주면
예쁘게 저장되는것을 확인 할 수 있다.