VSCode에서 ESLint 설정이 안 먹힙니다

Question

VSCode에서 ESLint flat config(eslint.config.js)로 전환했는데 에디터에서 린트 에러가 표시되지 않습니다. // eslint.config.js import js from "@eslint/js"; export default [ js.configs.recommended, { rules: { "no-unused-vars": "warn" } } ]; CLI에서 npx eslint . 하면 정상 동작하는데 VSCode에서만 안 됩니다. ESLint 확장 버전은 3.0.10입니다. 설정에서 뭘 놓친 걸까요?

김영삼 · Accepted Answer

ESLint v9 + flat config를 쓰시면 VSCode 설정에서 experimental flat config 옵션을 활성화해야 합니다.

VSCode settings.json에 아래를 추가해보세요:

{
  "eslint.useFlatConfig": true,
  "eslint.experimental.useFlatConfig": true
}

그리고 ESLint 확장을 최신 버전(v3.0.12+)으로 업데이트하시는 것도 중요합니다. 이전 버전은 flat config 지원이 불안정합니다.

주니어개발자소연 · Answer

감사합니다! useFlatConfig 설정 추가하니까 바로 되네요. 확장도 업데이트했습니다. 해결됐습니다!

댓글 2