如何在vue-cli中禁用ESLint？

西门达蒙Davaid2020-03-11

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

文韬武略辛弃疾2020/03/11 12:23:59

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

演示

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

/000-xyz/

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

AHarry2020/03/11 12:23:59

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

看到这张图片

飞云卡卡西2020/03/11 12:23:59

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

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

代替

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

小小2020/03/11 12:23:59

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

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

凯泡芙Davaid2020/03/11 12:23:59

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

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

西门樱Eva2020/03/11 12:23:59

截至`2019, March`：

在vue.config.js：

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

祝好运...

SamStafan十三2020/03/11 12:23:59

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

小小Pro2020/03/11 12:23:59

这里有一些过时的答案。

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

npm remove @vue/cli-plugin-eslint

西门ItachiL2020/03/11 12:23:59

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

useEslint：否，

在config / index.js中

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer

如何在vue-cli中禁用ESLint？

截至2019, March：

截至`2019, March`：