prettier 적용 사라짐

해결하셨는지 모르겠는데 저도 같은 문제가 발생해서 해결했습니다.

일단 확장프로그램에서 prettier 제거->

prettierrc.json 파일 삭제

하고 prettier처음부터 다시 설치를 했는데

중간에 echo {}> .prettierrc.json 이부분 따라하지 않고

node --eval "fs.writeFileSync('.prettierrc','{}\n')"

위의 명령어로 .prettierrc파일을 만든 후 .prettierrc.json 으로 이름 변경 하니까 잘 작동하네요

강의 영상버전과 현재버전이 가이드가 바뀌어서 그런가봅니다

(인코딩 문제 같은게 강의대로 하면 .prettierrc.json 파일 인코딩이 UTF-16으로 되어있고 새 가이드 대로 하면 UTF-8로 되어있음)

안녕하세요! 주재님!

eslint와 prettier를 함께 사용하기 위해 eslint-config-prettier를 설치하게 됩니다!

다만, 여기서 해당 라이브러리를 설치하고 끝나는 것이 아닌,

.eslintrc.js 파일에서 등록까지 해주셔야해요!

// .eslintrc.js
...

extends: [
   "plugin:react/recommended",
   "standard-with-typescript",
   "prettier" // 해당 부분 추가
],

...

다음으로, .prettierrc.json 파일에서 몇 칸을 띄울 것인지 등의 설정을 추가하실 수 있어요!

// .prettierrc.json
{
  "tabWidth": 2
}

이렇게 설정 후에도 적용이 되지 않으신다면, vscode를 종료하고 다시 한 번 실행해 보세요!^^