禁用 eslint Vue.js答案

【问题标题】：Disable eslint Vue.js禁用 eslint Vue.js
【发布时间】：2020-08-20 21:58:45
【问题描述】：

我正在尝试完成tutorial。

我遇到了一个由 ESLint 引起的错误：

> Failed to compile.

./src/App.vue
Module Error (from ./node_modules/eslint-loader/index.js):

C:\Users\romul\Vue Projects\produto-client\src\App.vue
  110:36  error  'resposta' is defined but never used  no-unused-vars

✖ 1 problem (1 error, 0 warnings)

我想知道如何禁用 eslint。

这是我的项目结构：

我在互联网上搜索，但我不明白如何禁用它。

【问题讨论】：

为什么不直接删除未使用的变量？这是 VS Code 吗？
您可以在配置中禁用此规则
是的，我正在使用 vs 代码，我只是想按照教程进行操作，这就是他要求的方式

标签： vue.js eslint

【解决方案1】：

正确解决问题的方法是实际遵循 linter 错误并从代码中删除未使用的变量，或者暂时将它们注释掉，或者完全删除该行。禁用 linter 是一种临时解决方法，但不应成为长期解决方案。

但是，就您的问题而言，可以禁用 linter (ESLint)。

创建标准 Vue 应用程序目录时，您可以选择启用 ESLint 并将 ESLint 配置存储在 package.json 或单独的 .eslintrc.js 文件。从您的屏幕截图中，您似乎在 package.json 中添加了 ESLint 配置，如下所示：

看到eslintConfig 块了吗？

  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "@vue/standard"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },

您可以在rules 块中启用/禁用特定的ESLint rules。
例如，对于no-unused-vars：

    "rules": {
        "no-unused-vars": "off"
    }

然后修改src文件并保存（Vue默认配置为run the linter on save）。

如果 ESLint 规则在单独的 .eslintrc.js 文件中，则过程相同，只是在 rules 块下打开/关闭特定规则。

或者，如果您想完全禁用 ESLint，请创建一个 vue.config.js 文件，并将 lintOnSave 设置设置为 false：

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

现在，运行应用程序 (npm run serve) 将不再触发 linter。

另外，如果你使用 VS Code，它支持ESLint integration。我不确定你的教程的其余部分是否也会讨论 VS Code 的 linting，但它可以/可能还会在“问题”选项卡中报告一些错误/警告。

您可以从您的用户/工作区设置中禁用它们：

"eslint.enable": false,

【讨论】：

【解决方案2】：

有几种方法可以做到这一点：

在项目根目录下创建.eslintignore 文件，并输入**/*。这将忽略您项目中的所有文件

或

在项目的根目录下创建一个.eslintrc.json 文件。并输入

{
  "rules":{
  "no-unused-vars": "off"
 }
}

这将抑制您遇到的特定错误。

【讨论】：

【解决方案3】：

最简单的解决方案是在你的 vue.config.js 文件中设置lintOnSave: false。

这只是在编译文件时停止运行 eslint-loader。

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

更好的解决方案是设置lineOnSave: 'warning'，以确保将 eslint 错误作为警告发出，因此不会抑制错误，但它们也不会阻止编译。

// vue.config.js
module.exports = {
  lintOnSave: 'warning'
}

在此处查看文档：https://cli.vuejs.org/config/#lintonsave

【讨论】：