Vue项目中禁用ESLint的几种常见方法

1. 通过 vue.config.js 禁用

这是最直接且推荐的方式，因为它直接在 Vue CLI 的配置中禁用 ESLint。通过在项目根目录下创建或修改 vue.config.js 文件，并设置 lintOnSave 为 false，可以彻底禁用保存时的 ESLint 检查。

// vue.config.js 
module.exports = {lintOnSave: false};

2. 修改 .eslintrc.* 文件

虽然这种方法可以禁用所有 ESLint 规则，但它实际上并没有从项目中移除 ESLint，只是将其配置为不报告任何问题。如果你只是想临时禁用 ESLint 检查，这可能是一个快速的方法，但通常不推荐这样做，因为它可能会隐藏潜在的代码问题。

// .eslintrc.json  
{  
  "rules": {"*": "off"}  
}

 注意 ：上面的配置实际上是无效的，因为 ESLint 不支持使用通配符（*）来禁用所有规则。你需要明确指定每个规则或使用预设配置来禁用它们。

3. 修改 package.json 文件

通过在 scripts 部分添加 --no-lint 标志到 Vue CLI 服务的命令中，可以绕过 ESLint 检查。这种方法对于临时禁用 ESLint 或在特定情况下很有用。

// package.json  
"scripts": {  
  "serve": "vue-cli-service serve --no-lint",  
  "build": "vue-cli-service build --no-lint",  
  "lint": "vue-cli-service lint" // 保留此命令以便将来需要时可以手动运行 ESLint  
}

4. 在 IDE 中禁用 ESLint 插件 

如果你的 IDE（如 VSCode、WebStorm 等）集成了 ESLint 插件，并且你希望在该环境中禁用 ESLint，你应该在 IDE 的设置中查找并禁用 ESLint 插件或相关配置。

5. 使用环境变量

虽然 Vue CLI 没有直接提供通过环境变量来禁用 ESLint 的官方方法，但你可以通过脚本或 npm 钩子来间接实现。然而，ESLINT_NO_DEV_ERRORS 并不是 Vue CLI 识别的环境变量，所以这个方法可能不适用于 Vue CLI 项目。

注意事项

• 禁用 ESLint 会失去代码质量和风格一致性的自动检查，这可能会在长期内导致代码质量下降。
• 在生产环境中，建议保持 ESLint 启用，以确保代码的质量和可维护性。
• 如果你的团队决定禁用 ESLint，请确保所有成员都了解这一决定，并采取其他措施来保持代码质量。

总之，禁用 ESLint 应谨慎考虑，并根据项目的具体需求和团队的决策来做出决定。