강의

멘토링

로드맵

Inflearn brand logo image

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

작성자 없음

작성자 정보가 삭제된 글입니다.

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

프로젝트 구성

왜 다르게 뜰까요..?ㅠㅠ

작성

·

100

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지

검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

스크린샷 2025-04-08 오전 10.27.06.png.webp

이 두개를 선택하면 선생님이 하신건

npm run lint가 뜨는데 왜 저는 npm run format? 이 뜨는걸까요..?

답변 2

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

안녕하세요.

프로젝트 생성시 강의시와 버전이 다를 경우 다르게 보일 수 있는데요 강의시 버전과 동일하게 맞추시면 도움이 될 것 같아요.

 

0

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

ESLint와 Prettier 설정과 관련하여 발생한 문제에 대해 도움 드리겠습니다. Vue.js 프로젝트 설정 중 npm run lintnpm run format의 차이에 혼란을 겪으신 것 같아요. 일반적으로 이 두 명령어는 다음과 같은 역할을 합니다:

  • npm run lint: 코드 내 스타일 및 오류 등을 검사하고 수정합니다. 주로 ESLint가 사용됩니다.
  • npm run format: 코드의 포맷을 정리합니다. 주로 Prettier가 사용되며, 코드의 가독성을 높이는 역할을 합니다.

질문하신 내용과 관련하여 다음 두 링크를 참고해보세요:

  1. 프로젝트에 eslint와 prettier를 나중에 추가하고 싶습니다.

    • 이 게시물에서는 Vue 프로젝트에 ESLint와 Prettier를 설정하는 방법을 자세히 설명하고 있습니다. 기본적인 설치 명령어와 설정 파일의 예시를 포함하고 있으니 참고하시면 도움이 될 것 같습니다.
  2. eslint 설정 문의

    • 여기서는 에러 없이 설정하는 방법을 안내하고 있으며, 특정 설정 파일의 구성을 어떻게 해야 하는지에 대한 정보를 얻을 수 있습니다. 이미지와 구체적인 코드 예시들이 제공되어 있어 이해에 큰 도움이 될 것입니다.

이러한 참고 자료를 통해 사용하시는 설정 환경이 지침과 일치하는지 확인하시면 좋을 것 같습니다. 만약 여전히 문제가 해결되지 않는다면, 각 설정 파일(package.json, settings.json, .eslintrc.cjs, .prettierrc.json) 및 관련 로그를 확인하여 설정 오류가 없는지 점검해 보세요.

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

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기