vscode에서 prettier가 적용되지 않는 경우 (defualt formatter, format on save 설정)

vscode에서 prettier 플러그인을 설치 했지만, 적용이 안되는 경우가 있다.

 

버그는 아니고, 제대로 설정하지 않아서 발생하는 문제다

 

플러그인 설치

플러그인 검색창에 prettier 검색

prettier 설치

install 버튼을 누르고 설치 진행

 

설정 (settings.json 수정)

File > Preferences > Settings 메뉴 선택 (단축키: Ctrl + ,)

설정

 

설정 검색창에 defualt formatter 검색하여 esbenp.prettier-vscode 선택

defualt formatter 설정

아래 옵션은 선택이지만, 설정해두면 편리하다.

ctrl + s를 눌러서 저장을 하게 되면 바로 prettier가 동작하는 옵션이다

format on save 설정