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

【问题标题】：Using a different .eslintrc config file for typescript and javascript in VSCode?在 VSCode 中为 typescript 和 javascript 使用不同的 .eslintrc 配置文件？
【发布时间】：2019-12-13 06:12:34
【问题描述】：

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

尝试将settings.json 中的设置放在[typescript] 字段下，但没有成功。

【问题讨论】：

标签： visual-studio-code eslint vscode-eslint

【解决方案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
    }
]

【讨论】：

嗨，亚历克斯，感谢您的回复。不幸的是，我在我的.eslintrc.json 文件中使用了extends 指令，看起来我不能把它放在覆盖部分（但我希望我的js 和ts 文件使用不同的extends）。跨度>
我以为extends支持overridesgithub.com/eslint/eslint/issues/8813
你是对的。从第 6 版开始，我使用的是第 5 版。谢谢，接受了您的回答。