ESlint 설정은 모두 완료 했는데 코드에서 문제 대상 라인에 표시가 되지않습니다.

안녕하세요. 강사님. 앞부분까지 내용을 보면서 잘 따라오고 있었는데 ESlint 설정을 동일하게 설정하였습니다. 그런데 강사님 영상을 보면 틀린부분에 대해 바로바로 빨간줄로 표시가 되면서 관련 설명도 확인이 가능한데 제 VSCode에서는 빨간줄도 표시되지 않고 하단의 Problems 탭에도 어떤것도 표시되지 않지만 npm run serve를 실행하면 관련 내용이 표시가 됩니다. 어떤 설정부분이 빠진것일까요?

VSCode가 로딩되면서 Output에 아래와 같은 내용이 표시됩니다.

--------------------------------------------------

Failed to load plugin 'prettier' declared in 'vue-til-server\.eslintrc.js': Cannot find module 'eslint-plugin-prettier'

Require stack:

- C:\Users\Dart_Dev3\Desktop\vue-endgame\__placeholder__.js

Referenced from: C:\Users\Dart_Dev3\Desktop\vue-endgame\vue-til-server\.eslintrc.js

Happened while validating C:\Users\Dart_Dev3\Desktop\vue-endgame\vue-til-server\src\app.js

This can happen for a couple of reasons:

1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc).

2. If ESLint is installed globally, then make sure 'eslint-plugin-prettier' is installed globally as well.

3. If ESLint is installed locally, then 'eslint-plugin-prettier' isn't installed correctly.

Consider running eslint --debug C:\Users\Dart_Dev3\Desktop\vue-endgame\vue-til-server\src\app.js from a terminal to obtain a trace about the configuration files used.

--------------------------------------------------

npm install -g eslint-plugin-prettier 로 해당 패키지를 설치해봐도 정상적으로 동작하지 않습니다....