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

Question

我有一个包含 JS 和 TS 文件(以及 JSX/TSX)的项目。我有一个单独的 .eslintrc.json JS 与 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
    }
]