如何在vue-cli中禁用ESLint?

120

我该如何在使用 vue-cli 生成的项目中禁用 ESlint

preLoaders: [
  {
    test: /\.vue$/,
    loader: 'eslint',
    include: projectRoot,
    exclude: /node_modules/
  },
  {
    test: /\.js$/,
    loader: 'eslint',
    include: projectRoot,
    exclude: /node_modules/
  }
]

如果我删除loader: 'eslint'这一行,它就无法编译,将其设置为空字符串也是一样的。我知道我可以在初始化阶段选择退出ESLint,但我如何在创建项目后禁用它?

如果我删除loader: 'eslint'这一行,编译会失败;同样地,如果将其设置为空字符串也是一样的。我知道我可以在初始化阶段选择退出ESLint,但是我该如何在项目创建后禁用它呢?


你使用的是哪个模板?简单的webpack吗? - Himmet Avsar
全功能的Webpack - Mahmud Adam
4
请查看 https://github.com/vuejs-templates/webpack/blob/cbcba9268dbfb277497bcdde6409dab4398eed8e/template/build/webpack.base.conf.js 中的 {{#lint}} 区块 - 可能可以删除整个 preLoaders 区块? - ceejayoz
@HectorLorenzo 已移动。 - ceejayoz
22个回答

4
起初您需要创建一个名为

vue.config.js

的文件,然后写下以下行:
module.exports = {
  ...
  lintOnSave: false
  ...
}

这个过程对我有用。谢谢。


3

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

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

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

2

您可以使用命令将其删除

npm remove @vue/cli-plugin-eslint

或者在该文件的脚本标签中使用以下命令禁用它

/* eslint-disable */

2

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

不,这会阻止WebStorm运行ESLint - 我看不到红色波浪线。 - Simon
setEslint 还是 useEslint - Amir Asyraf
对我来说非常好用!我不想删除eslint,只是在开发工作时让它保持安静。 - Kalnode

1

打开.eslintrc.js文件并添加以下内容:

dev: {
   useEslint: false
},

1

添加一些描述 - Mathews Sunny

1

为了解决这个问题,我创建了一个新项目,并从设置中手动编辑了Linter / Formatter选项。

我并没有解决这个问题,只是试图避免它。希望这能帮助到别人。


1

要轻松地卸载,请使用以下命令

npm remove @vue/cli-plugin-eslint
yarn remove @vue/cli-plugin-eslint

0
.eslintignore 文件中添加。
/*/

Lint不再抱怨


0
在VueCli中,进入package.json文件并从依赖项中删除eslint。最终你的package.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"
  ]
}


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接