Visual Studio 2019 - 使用项目特定的 ESLint 配置 .eslintrc

Question

我已按照本指南来设置.eslintrc配置。

https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/README.md

我还按照本指南在 Visual Studio 中启用了 ESLint：

/sf/answers/3112118271/

我的问题是我想使用项目特定的配置而不是全局 ESLint 配置。

该指南设置了一个.eslintrc.js文件，因此我尝试切换到与C:\Users\Oscar\.eslintrc.

尝试将其放在.eslintrc解决方案、项目的根文件夹和我的ClientApp文件夹中，但没有任何结果。是否可以在 Visual Studio 中使用项目特定的 ESLint 配置并接收构建错误/警告？

运行该命令npx eslint . --ext .js,.jsx,.ts,.tsx会给出正确的错误，但 Visual Studio 没有显示任何错误。

.eslintrc:

{
  "root": true,
  "parser": "@typescript-eslint/parser",
  "plugins": [
    "@typescript-eslint",
    "jest"
  ],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:jest/recommended",
    "plugin:react/recommended"
  ],
  "env": {
    "browser": true,
    "node": true,
    "jest/globals": true
  },
  "rules": {
    "no-console": [
      "error",
      { "allow": [ "warn", "error" ] }
    ]
  }
}

Answer 1

我能够在 Visual Studio 2019 中获取 ESLint，以使用项目根目录中的配置文件。该文件名为“.eslintrc.json”。这是到目前为止该文件的内容：

{
  "extends": "eslint:recommended",
  "globals": {
    "kendo": "readonly"
  },
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "jquery": true
  },
  "rules": {
    "no-prototype-builtins": "off",
    "no-unused-vars": [
      "error",
      { "args": "none" }
    ]
  }
}

我注意到的一件事是，在添加文件后，我关闭并重新打开 Visual Studio，然后它才开始工作。一旦我这样做，我对文件所做的更改将立即生效。