visual-studio-code - eslint 正在运行但未显示任何 lint 错误/警告

Question

我正在使用带有 eslint 的 vscode。eslint 控制台显示以下内容：

[Info  - 3:31:14 PM] ESLint server stopped.
[Info  - 3:31:14 PM] ESLint server running in node v10.2.0
[Info  - 3:31:14 PM] ESLint server is running.
[Info  - 3:31:15 PM] ESLint library loaded from: 
/usr/local/lib/node_modules/eslint/lib/api.js

所以 eslint 似乎正在加载和运行。但是，.eslintrc我的项目根目录中有一个具有规则的文件，并且 vscode 没有向我显示任何 linting 错误。

我该如何调试？

Answer 1

我需要

1. 安装eslint-plugin-vue

2. 将以下内容添加到 vscode 中的 settings.json

   "eslint.validate": [
       {
         "language": "vue",
         "autoFix": true
       },
       {
         "language": "html",
         "autoFix": true
       },
       {
         "language": "javascript",
         "autoFix": true
       }
   

3. 并更新 .eslintrc 以包含

   "globals: "Vue" : true,"
   

   和

   "extends": [
       "eslint:recommended",
       "plugin:vue/recommended"
   ],
   

   此外

   "plugins": ["html"],
   

Answer 2

你需要为 VSCode 安装一个扩展来在编辑器中显示 lint 错误。否则，您可以从终端运行 eslint 以查看其输出。我使用 tslint，所以我不知道要使用哪个扩展，但https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint可能是您正在寻找的。