如何让VSCode将废弃的原生JavaScript代码标记为警告？

你可以通过以下两种主流方案实现，无需逐行检查文件：

方案一：使用ESLint自动检测废弃API #

ESLint可以通过规则配置或专用插件，将废弃的原生JS方法标记为警告/错误，所有问题会集中显示在VSCode的「问题」面板（快捷键Ctrl+Shift+M）中。

方式1：手动配置特定废弃方法 #

适合精准管控需要检测的废弃API：

1. 确保VSCode已安装ESLint插件，项目已初始化ESLint（运行npx eslint --init完成配置）
2. 在项目根目录的.eslintrc.json中添加no-restricted-properties规则：

{
  "rules": {
    "no-restricted-properties": [
      "warn", // 可改为"error"将其标记为错误
      {
        "object": "Date.prototype",
        "property": "getYear",
        "message": "getYear()已废弃，请使用getFullYear()"
      },
      {
        "object": "arguments",
        "property": "callee",
        "message": "arguments.callee已废弃，请直接使用函数名"
      }
    ]
  }
}

方式2：用插件自动检测所有ES废弃API #

适合全面覆盖ECMAScript标准中废弃的原生方法：

1. 安装专用插件：

npm install eslint-plugin-es --save-dev

2. 在.eslintrc.json中启用插件和规则：

{
  "plugins": ["es"],
  "rules": {
    "es/no-deprecated": "warn" // 可改为"error"提升为错误级别
  }
}

方案二：使用TypeScript检查JS文件 #

无需编写TypeScript代码，仅用TS的类型检查能力就能自动识别废弃的原生JS方法：

1. 确保VSCode已安装TypeScript插件（默认已预装）
2. 在项目根目录创建tsconfig.json：

{
  "compilerOptions": {
    "allowJs": true,
    "checkJs": true,
    "noEmit": true // 仅检查不生成TS文件
  },
  "include": ["**/*.js"] // 指定要检查的JS文件范围，可按需调整
}

配置完成后，TypeScript会自动扫描指定文件，将废弃API标记为警告，所有问题同样可在「问题」面板中批量查看。

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