VSCode에서 vue-cli로 만든 프로젝트에 ESLint를 적용 할 때 .vue 파일이 적용되지 않는 문제를 해결합니다.

eslint가 반영되지 않음

vue-cli 좋네요. 커맨드 하나로 환경을 정돈해주는 것은 고맙습니다!
vue-cli가 생성하는 파일 안에 ESLint의 설정 파일이 있습니다만, VSCode의 확장을 넣는 것만으로는 반영되지 않고, 조금 설정을 괴롭히는 필요가 있었으므로 공유.

사용한 확장은 다음

설정 방법

위의 확장 설치 후
파일→기본 설정→설정
으로 eslint를 검색합니다. 기본적으로 사용자 설정을 변경하는 모드이므로 잊지 않고 "작업 공간 설정"탭을 선택하여 이번 영향 범위를 프로젝트에만 억제합시다(설정 파일은 프로젝트 고유이므로)



일부 설정은 settings.json을 직접 만져야하므로 다음과 같이 작성합니다.

setting.json

{
  "eslint.options": {
    "configFile": ".eslintrc.js"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ]
}

특히 "eslint.validate"에 vue를 추가하는 것을 잊기 쉽기 때문에 조심하십시오!

이제 작동한다고 생각합니다. 설정하면 자동으로 수정하는 기능도 있으므로 기호로 커스터마이즈 해 보세요!