prettier에 대한 format on save가 적용되지 않아요.
esling.config.js/ .prettierrc.json가 있는 버전입니다.
setting.json에서
"editor.codeActionsOnSave": {
"source.fixAll.eslint": 'explicit"
},
"editor.formatOnSave" : true
위와 같이 설정했고, extensions에서는 ESLint만 설치했습니다.
그런데, 파일 수정 후 저장을 해도 포맷팅이 자동으로 되지 않습니다.ㅜㅜ (더블쿼트 저장 후 싱글쿼트로 자동 수정 안됨.)
ESLint 역시 제대로 적용된건지 어떻게 확인해야 할 지 모르겠습니다.
그런데, VSCODE에서 아래와 같이 오류가 발생 중입니다.
formatting - Extension 'esbenp.prettier-vscode' is configured as formatter but not available
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. sungeun kim님.
설정한 대로 포맷팅이 자동으로 적용되지 않아 불편을 겪고 계시군요. Prettier와 연관된 자동 포맷팅 문제가 발생할 수 있는 몇 가지 원인을 파악해 보겠습니다.
Prettier 확장 프로그램 설치 여부: 먼저, Prettier 확장 프로그램이 설치되어 있는지 확인해 주세요.
Prettier - Code formatter확장이 활성화되지 않으면 포맷팅이 작동하지 않을 수 있습니다.Prettier 설정 확인:
.prettierrc.json파일에서 Prettier 설정을 한 번 더 확인해 보시고, 일부 옵션이 잘못 설정되어 있지 않은지 점검해 보세요.VSCode 설정 파일 오류: 작성하신
setting.json의editor.codeActionsOnSave값에서source.fixAll.eslint설정값이"explicit"으로 되어 있습니다. 이 부분을 올바르게 수정해보세요:"source.fixAll.eslint": trueExtension 오류 메시지 확인: “formatting - Extension ‘esbenp.prettier-vscode’ is configured as formatter but not available” 오류는 해당 확장이 적절히 설치되지 않았거나 인식되지 않을 때 발생합니다. 이 경우 VSCode를 다시 시작하거나 확장 프로그램을 재설치해 보시기 바랍니다.
이 문제와 유사한 질문은 여기에서 더 많은 도움을 받을 수 있습니다. 질문 내에 더 구체적인 설정과 오류 메시지를 공유해 주신다면 더 좋은 해결책을 제공드릴 수 있을 것입니다.
저는 sungeun kim님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
npm init vue@3.1.9
0
39
2
크롭 웹스토어 vue devtools 설치 관련
0
40
1
snippets 작성하는 부분 설명이 있었나요?
0
48
2
computed 의 set 함수를 통해 const 변수에 값을 담는 부분
0
52
2
소스 공유 어디서 해야하는지 궁금합니다
0
60
2
component 등록과 사용
0
58
2
강의교안
0
56
2
eslint 룰 관련 질문이 있습니다.
0
64
2
npm init -y 명령어 실행에 관한 질문
0
154
2
volar 가 마켓플레이스에 검색되지 않아 vue(official)을 설치했습니다.
0
168
2
깊은 감시자 질문
0
88
2
정리된 내용
0
154
2
화면이 왜 이렇게 뜨는걸까요?
0
186
2
왜 다르게 뜰까요..?ㅠㅠ
0
155
2
npm init vue , npm create vue@latest 명령 오류
0
294
2
강의를 듣다보니 궁금한 점 질문드립니다.
0
141
2
watch강의 질문
0
153
1
강의 듣다가 질문드립니다.
0
119
1
이벤트 처리 부분 강의 실습
0
140
2
v-pre는 설명이 없나요?
0
152
2
AppCard.vue 만들다 말고 오류가 갑자기 엄청 뜹니다
0
146
1
개발자도구 Vue 탭 관련 문의
0
240
2
강의를 인텔리제이로 수업따라가도 되져?
0
178
2
API 사용시 자동으로 import하는 기능은 어떤것을 설치해야 하나요?
3
279
2