如何在vue-cli中禁用ESLint?

JavaScript

西门达蒙Davaid

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

第665篇《如何在vue-cli中禁用ESLint?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

9个回答
文韬武略辛弃疾 2020.03.11

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

演示

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

/000-xyz/

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

AHarry 2020.03.11

设置 useEslint: false,config/index.js

看到这张图片

飞云卡卡西 2020.03.11

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

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

代替

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

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

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

凯泡芙Davaid 2020.03.11

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

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

西门樱Eva 2020.03.11

截至2019, March

vue.config.js

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

祝好运...

SamStafan十三 2020.03.11

在最新版本中,打开“ .eslintrc.js”文件,然后设置“ root:false”。在此处输入图片说明

小小Pro 2020.03.11

这里有一些过时的答案。

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

npm remove @vue/cli-plugin-eslint
西门ItachiL 2020.03.11

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

useEslint:否,

在config / index.js中

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android