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应谨慎考虑，并根据项目的具体需求和团队的决策来做出决定。