Prettier 가 안먹히는 현상

Vscode extension 인 Prettier 가 먹히지 않아서 그 원인을 찾아보았다. 구글링해서 찾아본 결과는 다음의 세 가지 방법이었다.

1. setting.json 에서 editor.formatOnSave 에 true 가 되어있도록 한다.

   "editor.formatOnSave": true,

2. 설정 > Default Formatter 가 Prettier 로 되어있도록 한다.
   

3. 설정 > Format On Save 에 체크를 해준다.
   

• 하지만 위의 조건들을 충족했는데도 내 프로젝트에서는 여전히 Prettier 작동이 되지 않았고 이후 해결방법을 찾았다. ⇒ .prettierrc 파일을 생성한 후 다음과 같이 작성하면 된다.

  {
    "trailingComma": "es5",
    "tabWidth": 2,
    "semi": true,
    "singleQuote": true,
    "useTabs": false
  }

• 출처: https://velog.io/@recordboy/ESLint-Prettier-적용하기