[VSCode] Mac 에서 Prettier 적용 안될 때

Mac에서 Prettier 확장 프로그램을 설치했는데도 불구하고, 적용이 되지 않았다.

그럴 땐 명령팔레트 (⌘ cmd + p) 를 누르고

settings.json

을 입력하면 아래와 같은 파일들이 표출된다. 여기서

Open User Settings 를 열어서

아래와 같이 내용을 추가한다.

{
 ...
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true,
"files.autoSave": "onFocusChange"
...
}

설정에 대해 간략히 설명하자면 아래와 같다.

• defaultFormatter. 기본 포매터를 esbenp.prettier-vscode로 지정
• formatOnSave : 저장할 때 prettier 실행
• files.autoSave : Editer 밖으로 포커스가 이동하면 자동 저장