禁用 eslint Vue.js

Question

我正在尝试完成教程。

\n\n

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

\n\n

> Failed to compile.\n\n./src/App.vue\nModule Error (from ./node_modules/eslint-loader/index.js):\n\nC:\\Users\\romul\\Vue Projects\\produto-client\\src\\App.vue\n  110:36  error  \'resposta\' is defined but never used  no-unused-vars\n\n\xe2\x9c\x96 1 problem (1 error, 0 warnings)\n

\n\n

我想知道如何禁用 eslint。

\n\n

这是我的项目结构：

\n\n

\n\n

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

\n

Answer 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": {}
  },

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

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

然后对src文件进行更改并保存（默认的 Vue 配置是在保存时运行 linter）。

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

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

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

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

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

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

"eslint.enable": false,