강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

면류관받는날까지#님의 프로필 이미지
면류관받는날까지#

작성한 질문수

타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게

Prettier 익스텐션 설정하기

default format >> prettier 이 실행이 안됩니다.

작성

·

10

0

image.png

검색을 하면 각각 탭이 있습니다.

그리고 강의에서 이야기 해 주신대로 x를 눌러서

닫았고 그 이후 index.html을 수정한 후

image.png

저장을 눌렀으나 탭을 한 그 상태로 저장이 되어집니다. 왜 그런지 알 수 있을까요?

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 면류관받는날까지#님.

Prettier가 자동으로 포맷팅되지 않는 문제는 종종 발생할 수 있으며, 일반적으로 설정에서 특정 부분이 누락되었거나 충돌이 발생할 수 있습니다. 아래의 몇 가지 확실한 해결 방법을 통해 문제를 확인하고 직접 시정할 수 있습니다:

주요 점검 사항:

  1. VS Code 설정 확인:

    • 우선, Prettier가 코드 포매터로 설정되어 있는지 확인하세요. 파일 - 기본 설정 - 설정 메뉴로 이동하여 오른쪽 상단 검색창에 “default formatter”를 입력한 후 Prettier가 선택되어 있는지 확인합니다.
  2. Format On Save 활성화:

    • Format On Save 옵션이 활성화되어 있는지 확인하세요. 같은 설정 페이지에서 “format on save”를 검색하고 체크박스가 선택되어 있는지 확인합니다.
  3. 파일 확장자 확인:

    • 수정하려는 파일의 확장자 내에서 Prettier가 포맷팅할 수 있는지 확인해야 합니다. HTML, CSS, JS 파일이 맞는지 확인해주세요.
  4. Prettier Extension 재설치:

    • Prettier 확장 프로그램이 제대로 설치되지 않았거나 버그가 있는 경우가 있습니다. 이 경우, 확장 프로그램을 삭제 후 다시 설치해보세요.
  5. 프로젝트별 설정 확인:

    • 특정 프로젝트에서는 .vscode/settings.json 파일이나 prettier.config.js에서 프로젝트별로 설정을 덮어쓸 수 있습니다. 프로젝트 내 설정 파일을 확인하고 Prettier 관련 설정이 올바르게 되어 있는지 점검합니다.

추가 자료

위의 조언을 수행해도 문제가 지속된다면, 구체적인 설정 캡처 화면이나 실행 로그를 토대로 추가적인 도움을 구하셔야 할 것 같습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

면류관받는날까지#님의 프로필 이미지
면류관받는날까지#

작성한 질문수

질문하기