在 VSCode 中为 typescript 和 javascript 使用不同的 .eslintrc 配置文件？

Question

我有一个包含 JS 和 TS 文件（以及 JSX/TSX）的项目。我有一个单独的.eslintrc.jsonJS 与 TS 文件。我希望能够根据文件扩展名告诉 VSCode 使用哪个 eslint 配置文件。

尝试将设置放在settings.json该[typescript]字段下，但这不起作用。

Answer 1

我认为应该可以使用 1 个文件和overrides选项：

.eslintrc.js

module.exports = {
    "root": true,
    "plugins": ["@typescript-eslint"],
    "rules": {
        // JavaScript rules
    },
    "overrides": [
        {
            "files": ["*.ts", "*.tsx"],
            "parser": "@typescript-eslint/parser",
            "parserOptions": {
                "project": "./tsconfig.json"
            },
            "plugins": [
                "@typescript-eslint"
            ],
            "rules": {
                // TypeScript rules
            }
        }
    ]
}

并更改工作区设置：

"eslint.validate": [
    {
        "language": "typescript",
        "autoFix": true
    },
    {
        "language": "typescriptreact",
        "autoFix": true
    }
]