如何禁用VS Code中未纳入tsconfig的JS文件的TypeScript相关警告？

针对你遇到的.eslintrc.cjs出现ts(7016)警告、tsconfig排除后VS Code仍提示的问题，以下是几个精准的解决方法：

方法1：给目标文件添加单行注释（最简便） #

在.eslintrc.cjs的第一行添加注释，直接禁用该文件的TypeScript检查：

// @ts-nocheck
module.exports = {
  // 你的ESLint配置内容
};

这种方式仅对当前文件生效，完全不影响其他JS/TS文件的检查，适合单个配置文件的场景。

方法2：优化tsconfig配置，明确管控检查范围 #

修改tsconfig.json，通过include明确指定需要TypeScript检查的文件目录，同时保留exclude排除配置文件：

{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": true,
    // 其他编译配置（如target、module、outDir等）
  },
  "include": [
    "src/**/*", // 业务代码目录
    "test/**/*" // 测试代码目录
  ],
  "exclude": [
    "node_modules",
    ".eslintrc.cjs",
    "其他需要排除的配置文件路径"
  ]
}

之后在VS Code中按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），执行TypeScript: Select TypeScript Version，选择Use Workspace Version，确保VS Code使用项目本地的TypeScript版本，这样会更严格遵循tsconfig的配置规则。

方法3：通过VS Code工作区配置精准排除 #

打开工作区的.vscode/settings.json，添加以下配置，指定要排除TypeScript检查的文件：

{
  "typescript.validate.enable": true,
  "typescript.validate.exclude": [
    "**/.eslintrc.cjs",
    "**/*.config.cjs", // 可批量排除所有配置类CJS文件
    "其他需要排除的文件路径"
  ]
}

这种方式无需修改代码或tsconfig，直接通过编辑器配置管控检查范围，适合需要批量排除多个配置文件的场景。

内容的提问来源于stack exchange，提问作者Kirill