如何在 vue-cli 中禁用 ESLint？

Question

如何在使用 vue-cli 生成的项目中禁用 ESlint？

preLoaders: [
  {
    test: /\.vue$/,
    loader: 'eslint',
    include: projectRoot,
    exclude: /node_modules/
  },
  {
    test: /\.js$/,
    loader: 'eslint',
    include: projectRoot,
    exclude: /node_modules/
  }
]

如果我删除 loader: 'eslint' 行，它将无法编译，与将其设置为空字符串一样。我知道我可以在初始化阶段选择退出 ESLint，但如何在我的项目创建后禁用它？

Answer 1

Vue 的入门项目本身是用模板语言构建的。

查看 the templates（{{#lint}} 位），您似乎可以删除整个 preLoaders 块。

Answer 2

从当前版本 (^3.0?) 开始，您只需设置：

useEslint: false,

在config/index.js

Answer 3

这里有很多解决方案： https://github.com/vuejs-templates/webpack/issues/73

然而最好的是：
在 .eslintignore 中添加一行 **/*，这将忽略所有文件。然后重新运行，如果是web app！

Answer 4

在最新版本中，打开“.eslintrc.js”文件，然后设置"root: false".

Answer 5

设置 useEslint: false, 在 config/index.js

see this image

Answer 6

这里有一些过时的答案。

因为vue-cli 3使用的是零配置的方式，禁用它的方法就是卸载模块：

npm remove @vue/cli-plugin-eslint

Answer 7

进入文件 "tslint.json" 并排除 linterOptions 中的所有文件。默认设置仅排除文件夹 node_modules。你也可以设置 "strict": false, inside tsconfig.json

  "linterOptions": {
    "exclude": [
      "*/**"
    ]
  },

而不是

  "linterOptions": {
    "exclude": [
      "node_modules/**"
    ]
  },

Answer 8

截至 `2019, March`：

在vue.config.js中：

module.exports = {
  ...
  lintOnSave: false
  ...
}

Answer 9

最简单的方法之一就是设置一个 .eslintignore 文件以禁用文件夹和文件。

demo

/build/
/config/
/dist/
/*.js
/test/unit/coverage/

/000-xyz/

参考：https://github.com/vuejs-templates/webpack/issues/73#issuecomment-355149342

Answer 10

setEslint: false 为我工作！

module.exports = {
  dev: {
     ...
    // Use Eslint Loader?
    // If true, your code will be linted during bundling and
    // linting errors and warnings will be shown in the console.
    useEslint: false,
    ...
  },
}

Answer 11

转到 .eslintrc.js 并添加：

dev: {
   useEslint: false
},

Answer 12

在 package.json 中更改构建步骤：

...
"scripts": {
    "build": "vue-cli-service build --skip-plugins @vue/cli-plugin-eslint",
    ...
},

Answer 13

vue3用户，注释掉eslintrc.js文件中的parserOptions即可。它对我有用，因为有时 linting 会变得令人沮丧

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended'
  ],
  // parserOptions: {
  //   parser: 'babel-eslint'
  // },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}

Answer 14

在 vueCli 中转到包 json 在包的末尾从依赖项中删除 eslint json 必须这样

{
  "name": "vuecompesation",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"

  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "babel-eslint": "^10.1.0"
  
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

Answer 15

首先你需要创建一个文件名

vue.config.js

然后写下一行

module.exports = {
  ...
  lintOnSave: false
  ...
}

这个过程对我有用。谢谢

Answer 16

这应该有效

在vue.config.js中添加这个

module.exports = {
    lintOnSave: false
}

Answer 17

对于 Vue cli v4 和选择了 eslint 功能创建的项目，在 package.json 中有一个 eslintConfig 属性:

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

extends指定一些规则预设，默认为plugin:vue/vue3-essential和eslint:recommended。未使用的变量或未使用的导入等常见规则在 eslint:recommended 中。 如果你想禁用这样的规则，只需删除eslintConfig中的eslint:recommended并重新启动项目，但不要删除plugin:vue/vue3-essential否则linter将无法识别.vue 个文件。

Answer 18

只需使用以下命令轻松卸载即可

npm remove @vue/cli-plugin-eslint
yarn remove @vue/cli-plugin-eslint

如何在 vue-cli 中禁用 ESLint？

How to disable ESLint in vue-cli?

javascript

webpack

vue.js

vue-cli

截至 `2019, March`：

如何在 vue-cli 中禁用 ESLint？

How to disable ESLint in vue-cli?

javascript

webpack

vue.js

vue-cli

截至 2019, March：

截至 `2019, March`：