我如何禁用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在初始化阶段选择退出，但是在创建项目后如何禁用它呢？

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

查看模板（{{#lint}}位），您可以删除整个preLoaders块。

截至2019, March：

在vue.config.js：

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

这里有一些过时的答案。

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

npm remove @vue/cli-plugin-eslint

从当前版本（^ 3.0？）开始，您可以设置：

useEslint：否，

在config / index.js中

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

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

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

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

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

进入文件“ tslint.json”，并排除linterOptions中的所有文件。默认设置仅排除文件夹node_modules。您还可以在tsconfig.json中设置“ strict”：false

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

代替

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

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

演示

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

/000-xyz/

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

在vue cli 4.5上编辑 package.json

寻找：

"eslintConfig": {
    "root": true,
    "env": {
        "node": true
    },
    ...
}

改成：

"eslintConfig": {
    "root": false,
    "env": {
        "node": false
    },
    ...
}

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

看到这张图片

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,
    ...
  },
}

转到.eslintrc.js并添加以下内容：

dev: {
   useEslint: false
},