[VSCode] - Prettier 플러그인 설치 및 .prettierrc 적용방법(적용 안될시 해결 방법)

✅적용방법(순서대로 따라하시면 됩니다.)

⏬ 위치 : 루트디렉터리/.prettierrc <- 파일 생성

{
    "trailingComma": "all",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true
  }

 

npx create-react-app useful-tools

 

윈도우 : Ctrl + ,

 

검색: Format On Save -> 체크하기

 

🔽참고

https://react.vlpt.us/basic/27-useful-tools.html

27. 리액트 개발 할 때 사용하면 편리한 도구들 - Prettier, ESLint, Snippet · GitBook

---

 

🚨 적용이 안될시 

https://yjg-lab.tistory.com/91

[vscode] Prettier 적용방법, 적용 안되는 경우 해결방법

 

검색 : Default Formatter

선택 : Prettier - Code formatter