vue.js - 禁用 eslint Vue.js

Question

我正在尝试完成一个 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。

这是我的项目结构:



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

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在 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,