如何临时禁用项目全部ESLint规则检查？适配Cypress+Create React App场景

针对你在Create React App项目中运行带debugger;的Cypress测试、临时跳过语法/类型检查的需求，以下是可行方案：

一、全局禁用ESLint检查 #

方法1：环境变量启动Cypress #

之前单独使用DISABLE_ESLINT_PLUGIN=true生效有限，需结合额外环境变量确保ESLint完全不阻断流程：

DISABLE_ESLINT_PLUGIN=true ESLINT_NO_DEV_ERRORS=true npx cypress open

也可以把这段配置到package.json的脚本里，方便后续快速调用：

{
  "scripts": {
    "cypress:open:no-lint": "DISABLE_ESLINT_PLUGIN=true ESLINT_NO_DEV_ERRORS=true cypress open"
  }
}

执行时只需运行npm run cypress:open:no-lint。

方法2：临时修改ESLint配置 #

在项目根目录新建或修改.eslintrc.json，添加全局禁用规则：

{
  "rules": {
    "no-debugger": "off",
    "no-unused-vars": "off",
    "no-undef": "off",
    "semi": "off",
    // 所有需要跳过的语法检查规则都设为"off"
  },
  "env": {
    "cypress": true // 避免Cypress全局变量被标记为未定义
  }
}

测试完成后，删除该文件或恢复原有配置即可。

二、禁用TypeScript检查 #

方法1：环境变量跳过编译错误 #

添加TSC_COMPILE_ON_ERROR=true环境变量，让TypeScript编译错误不会阻止项目运行，结合ESLint的禁用命令：

DISABLE_ESLINT_PLUGIN=true ESLINT_NO_DEV_ERRORS=true TSC_COMPILE_ON_ERROR=true npx cypress open

同样可以配置到package.json脚本中：

{
  "scripts": {
    "cypress:open:no-checks": "DISABLE_ESLINT_PLUGIN=true ESLINT_NO_DEV_ERRORS=true TSC_COMPILE_ON_ERROR=true cypress open"
  }
}

方法2：临时重命名TypeScript配置文件 #

把项目根目录的tsconfig.json临时重命名为tsconfig.json.temp，TypeScript会自动使用默认宽松配置，不会进行严格类型检查。测试完成后改回原名称即可。

三、仅针对Cypress文件禁用检查（可选） #

如果不想全局禁用，只想跳过Cypress相关文件的检查，可在.eslintrc.json中添加覆盖规则：

{
  "overrides": [
    {
      "files": ["cypress/**/*"],
      "rules": {
        "no-debugger": "off",
        "no-unused-vars": "off",
        "no-undef": "off"
      },
      "env": {
        "cypress": true
      }
    }
  ]
}

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