강의

멘토링

로드맵

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

educrinity1님의 프로필 이미지
educrinity1

작성한 질문수

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

ESLint, Prettier 설정

vscode 자동 저장 시 탭 사이즈 조절 안되고 있습니다..

작성

·

25

0

.vscode 디렉토리까지 생성이 돼서 안에 settings.json 파일에

{
  "eslint.enable": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit"
  },
  "editor.tabSize": 2,
}

이렇게 내용 들어가 있는데 저장을 해도 탭 사이즈 조절이 안됩니다..

 

강의 내용에서처럼 no-console을 주석한 뒤 lint 돌렸을때 warning 경고가 뜨는 걸 봐서는 설정은 잘 먹고 있는거 같긴한데 뭘 봐야할까요

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. educrinity1님.

탭 사이즈 조절이 제대로 작동하지 않아 불편함을 겪고 계시군요. 이 문제를 해결하기 위해 몇 가지 사항을 확인해 보시면 좋겠습니다.

  1. Workspace vs User Settings: 만약 프로젝트 수준의 설정이 아니라 VSCode 전체 설정에 editor.tabSize가 다른 값으로 지정되어 있는 경우, 프로젝트 설정을 덮어쓸 수 있습니다. 사용자 설정을 확인하셔서 충돌이 있는지 점검해 보시기 바랍니다.

  2. 파일 타입별 설정: 특정 파일 타입에 대해 별도의 탭 사이즈를 지정해 둘 수도 있습니다. 예를 들어 "[*]": {"editor.tabSize": 2} 등의 항목을 파일별 설정에 추가하시면 됩니다. 동일한 방식으로 settings.json에서 파일 타입별 설정을 적용할 수 있는지 확인해 보세요.

  3. Champion vsCode Extension 확인: 설치된 확장 프로그램이 있는 경우 해당 확장에서 설정을 덮어쓸 수도 있습니다. 확장 프로그램 메뉴를 열어 설치된 모든 extension을 검토하시고, 각 항목이 추가 설정을 가진다면 해당 설정도 확인해 보세요.

이와 관련된 유사한 문제 해결에 대한 참고 가능한 게시물이 있습니다:
- 1:52 ESLINT 설정: 이 문서에서는 추가적인 확장 프로그램 설치와 관련한 내용을 다루고 있습니다. 확장 프로그램 설치가 제대로 되었는지 점검하는 데 도움이 될 것입니다.

위의 방법들을 점검한 후에도 문제가 해결되지 않는다면, 오류 메시지 또는 비정상적인 동작이 발생하는 구체적인 예시를 다시 제공해 주시면 추가적으로 도와드리겠습니다.

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

educrinity1님의 프로필 이미지
educrinity1

작성한 질문수

질문하기