如何在 vue-cli 3 上禁用 eslint？

Posted 2023-02-23

【中文标题】如何在 vue-cli 3 上禁用 eslint？

【英文标题】：How to disable eslint on vue-cli 3?

【发布时间】：2018-08-13 17:41:09

【问题描述】：

我最近更新了最新版本vue-cli 3

创建项目并运行后， 它会显示消息

您可以使用特殊的 cmets 来禁用某些警告。 使用//eslint-disable-next-line 忽略下一行。 使用/* eslint-disable */ 忽略文件中的所有警告。

但是我应该将这些 cmets 放在哪个文件中？

我的根文件夹中只有一个 package.json / package-lock.json 和 .gitignore

我必须创建一个 .eslintrc 吗？

【问题讨论】：

仅供参考，特殊的 cmets 是在代码的特定部分禁用 eslint 的一种方式。

【参考方案1】：

您可以将 /* eslint-disable */ 放在 vue 文件中以忽略该特定文件中的 eslint 检查。您可以创建一个.eslintrc 文件来更改 eslint 应检查的规则。

【讨论】：

如何配置 eslint 详见eslint.org/docs/user-guide/configuring

我把它放在我所有的组件中......并且仍然在脚本标签内收到相同的消息 /* eslint-disable */

即使我从 package.json

【参考方案2】：

您可以通过将vue.config.js 包含以下内容的文件添加到您的项目来删除eslint 规则。

module.exports = 
    chainWebpack: config => 
        config.module.rules.delete('eslint');
    

或者，如果您的项目有一个 config\index.js 文件，您可以通过添加以下行来禁用 eslint。

useEslint: false,

【讨论】：

谢谢，我创建了 vue.config.js 文件，然后添加了您的代码。成功了！

【参考方案3】：

这对我有用

module.exports = 
    chainWebpack: config => 
        config.module.rules.delete('eslint');
    

【讨论】：

最后，经过数小时尝试各种设置并忽略文件，这是唯一有效的方法！