VS CODE 에 빨간 밑줄이 표시 되지 않는 경우

vscode의 전역설정을 할 수 있는 "settings.json" 파일을 들어가서

 

아래 내용을 추가하시면 빨간줄이 표시됩니다.

{     "editor.codeActionsOnSave": { "source.fixAll.eslint": true },     "eslint.workingDirectories": [ {"mode": "auto"} ], }

 

 

 

추가적으로 EsLint 의 설정언어를 해주면 저장 시 자동으로 설정 값에 맞추어 변경됩니다.

 

formatOnSave 는 prettier와 포맷 충돌이 발생하므로 false를 선언해줍니다.

 

"editor.formatOnSave": false, "eslint.validate": [         {             "language": "vue",             "autoFix": true         },         {             "language": "javascript",             "autoFix": true         },         {             "language": "javascriptreact",             "autoFix": true         },         {             "language": "typescript",             "autoFix": true         },         {             "language": "typescriptreact",             "autoFix": true         }     ],