如何在vue-cli中禁用ESLint？

Question

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

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

如果我删除loader: 'eslint'它将无法编译,同样将其设置为空字符串.我知道我可以ESLint在初始化阶段退出,但是如何在创建项目后禁用它？

Answer 1

在package.json改变构建步骤：

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

Answer 2

从当前版本(^ 3.0？)开始,您可以设置:

useEslint:false,

在config/index.js中

Answer 3

截至2019, March：

在vue.config.js：

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

祝好运...

Answer 4

Vue的初学者项目本身就是用模板语言构建的.

查看模板({{#lint}}位),您可以删除整个preLoaders块.

Answer 5

这里有一些过时的答案。

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

npm remove @vue/cli-plugin-eslint

Answer 6

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

Answer 7

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

但是最好的方法是：
在**/*.eslintignore 中添加一行，这将忽略所有文件。然后重新运行，如果它是一个网络应用程序！

Answer 8

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

演示

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

/000-xyz/

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

Answer 9

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

"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. 如果您想禁用此类规则，只需删除eslint:recommended并eslintConfig重新启动项目即可，但不要删除plugin:vue/vue3-essential，否则 linter 将无法识别.vue文件。