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：

​

​

https://stackoverflow.com/a/44458832/3850405

我的问题是，我想使用特定于项目的配置，而不是全局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 Studio2019中的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，然后它才能开始工作。一旦我这样做了，我对文件所做的更改将立即生效。