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

Question

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

创建完项目并运行后，会显示以下信息：

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

但是这些注释应该放在哪个文件中呢？

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

我需要创建一个 .eslintrc 文件吗？

- Marcogomesr

---

请注意，特殊注释是一种在代码的特定部分禁用eslint的方法。 - Kalnode

Answer 1

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

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

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

useEslint: false,

- Padhraic

---

谢谢，我创建了vue.config.js文件，然后添加了你的代码。它起作用了！ - Vince Banzon

最新的Vue中似乎无法正常工作。 - Tallboy

也许我们现在可以使用这种方法：https://cli.vuejs.org/core-plugins/eslint.html#configuration - Tallboy

Answer 2

这对我来说是工作

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

- Arjun Solanki

---

最终，在尝试了各种设置和忽略文件数小时后，这是唯一有效的解决方案！ - svenema

Answer 3

如果您无法禁用它，请使用以下命令将其移除。

 npm remove @vue/cli-plugin-eslint

以下代码用于禁用它：

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

- Rai Ahmad Fraz

Answer 4

您可以在Vue文件中加入/* eslint-disable */来忽略该文件中的eslint检查。 您可以创建一个.eslintrc文件来更改应检查的规则。

- Rush

---

有关如何配置eslint的详细信息，请参见https://eslint.org/docs/user-guide/configuring - wwerner

我在所有组件中都放置了它... 但仍然收到相同的消息 在脚本标签内加入 /* eslint-disable */ - Marcogomesr

即使我从package.json中删除以下代码："eslintConfig": { "root": true, "extends": [ "plugin:vue/essential", "eslint:recommended" ] }, - Marcogomesr