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

◆편집기 설치 및 설정/VSCode

쿠키린 2025. 2. 6. 17:49

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

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

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

npx create-react-app useful-tools

윈도우 : Ctrl + ,

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

🔽참고

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

27. 리액트 개발 할 때 사용하면 편리한 도구들 - Prettier, ESLint, Snippet 이번에는 리액트 개발을 할 때 사용하면 편리한 도구들에 대하여 알아보도록 하겠습니다. 이번에 다루게 되는 도구들은 모두

react.vlpt.us

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

Prettier 적용 방법 Visual Studio Code에서는 사용자 편의를 위해 코드의 줄 간격이나 행을 자동으로 깔끔하게 정리해주는 확장프로그램이 존재한다. 왼쪽 사이드바에서 EXTENSIONS 아이콘을 클릭한 후 pr

yjg-lab.tistory.com

검색 : Default Formatter

선택 : Prettier - Code formatter