103

如何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,但是在我的项目创建后如何禁用它?

4

17 回答 17

130

这里有一些过时的答案。

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

npm remove @vue/cli-plugin-eslint
于 2019-01-18T00:24:46.563 回答
110

截至2019, March

vue.config.js

module.exports = {
  ...
  lintOnSave: false
  ...
}
于 2019-03-21T03:31:45.000 回答
43

改变package.json构建步骤:

...
"scripts": {
    "build": "vue-cli-service build --skip-plugins @vue/cli-plugin-eslint",
    ...
},
于 2020-05-11T01:41:36.800 回答
34

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

useEslint: false, 

config/index.js

于 2018-02-09T18:52:41.330 回答
16

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

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

于 2016-08-04T11:56:12.363 回答
10

在最新版本中,打开“.eslintrc.js”文件,并设置“root: false”。在此处输入图像描述

于 2018-07-27T11:08:17.820 回答
7

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

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

于 2018-07-23T07:32:21.707 回答
6

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

演示

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

/000-xyz/

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

于 2019-06-03T02:29:52.813 回答
4

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

vue.config.js

然后写下面一行

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

这个过程对我有用。谢谢

于 2021-09-05T03:33:26.663 回答
3

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

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

代替

  "linterOptions": {
    "exclude": [
      "node_modules/**"
    ]
  },
于 2019-02-20T07:11:46.370 回答
3

对于 Vue cli v4 和选择 eslint 功能创建的项目,eslintConfigpackage.json 中有一个属性:

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

extends指定一些规则预设,默认为plugin:vue/vue3-essentialeslint:recommended。未使用的变量或未使用的导入等常见规则位于eslint:recommended. 如果要禁用此类规则,只需删除eslint:recommendedeslintConfig重新启动项目,但不要删除,plugin:vue/vue3-essential否则 linter 将无法识别.vue文件。

于 2021-11-28T07:04:02.933 回答
1

设置 useEslint: false,config/index.js

看到这张图片

于 2018-07-31T05:03:51.503 回答
1

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,
    ...
  },
}
于 2020-03-15T03:22:39.320 回答
0

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

dev: {
   useEslint: false
},
于 2020-04-08T19:23:54.093 回答
0

对于 vue3 用户,只需将 eslintrc.js 文件中的 parserOptions 注释掉即可。它对我有用,因为有时掉毛会令人沮丧

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'
  }
}
于 2021-03-05T07:40:30.697 回答
0

在 vueCli 中转到 package 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"
  ]
}

于 2021-06-09T16:20:07.723 回答
-1

这应该工作

vue.config.js添加这个

module.exports = {
    lintOnSave: false
}
于 2021-09-08T20:27:00.927 回答