如何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-cli 3 使用的是零配置方法，所以禁用它的方法是卸载模块：
npm remove @vue/cli-plugin-eslint
2019, March：在vue.config.js：
module.exports = {
...
lintOnSave: false
...
}
改变package.json构建步骤：
...
"scripts": {
"build": "vue-cli-service build --skip-plugins @vue/cli-plugin-eslint",
...
},
从当前版本（^3.0？）开始，您可以设置：
useEslint: false,
在config/index.js
Vue 的入门项目本身是用模板语言构建的。
查看模板（{{#lint}}位），您可以删除整个preLoaders块。
在最新版本中，打开“.eslintrc.js”文件，并设置“root: false”。
这里有很多解决方案： https ://github.com/vuejs-templates/webpack/issues/73
但是最好的是：
在 .eslintignore 中添加一行**/*，这将忽略所有文件。然后重新运行，如果它是一个网络应用程序！
最简单的方法之一就是设置一个.eslintignore您想要禁用文件夹和文件的文件。
演示
/build/
/config/
/dist/
/*.js
/test/unit/coverage/
/000-xyz/
参考：https ://github.com/vuejs-templates/webpack/issues/73#issuecomment-355149342
首先你需要创建一个文件名
vue.config.js
然后写下面一行
module.exports = {
...
lintOnSave: false
...
}
这个过程对我有用。谢谢
进入文件“tslint.json”并排除 linterOptions 中的所有文件。默认设置仅排除文件夹 node_modules。您也可以在 tsconfig.json 中设置 "strict": false
"linterOptions": {
"exclude": [
"*/**"
]
},
代替
"linterOptions": {
"exclude": [
"node_modules/**"
]
},
对于 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-essential和eslint:recommended。未使用的变量或未使用的导入等常见规则位于eslint:recommended. 如果要禁用此类规则，只需删除eslint:recommended并eslintConfig重新启动项目，但不要删除，plugin:vue/vue3-essential否则 linter 将无法识别.vue文件。
设置
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
},
对于 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'
}
}
在 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"
]
}这应该工作
在vue.config.js添加这个
module.exports = {
lintOnSave: false
}