18 asked

0

안녕하세요.

첨부해주신 스크린샷을 보면 Vetur 관련 설정을 변경하신 것으로 보입니다.
다만, 해당 문제가 해결되려면
제가 안내드린 것처럼 Editor: Default Formatter 항목의 설정을 변경해주셔야 합니다.

그리고 해당 강의영상 3분 22초쯤 나오는 Editor: Format on Save도 체크해주셔야 합니다.

해당 부분을 다시 한 번 확인해 보시길 바랍니다.

감사합니다.

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 관련 설정이 올바르게 되어 있는지 점검합니다.
     

추가 자료

• 더 많은 예시와 설정을 위한 자료가 필요하시면, 다음 문서를 참고하세요:
  
  • Prettier 설정 가이드 및 문제 해결
    
  • VS Code에서 Prettier 적용하는 방법
    

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

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