解决办法有四种:
1. 在.eslintrc.js文件中添加如下代码:
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
//禁止console报错检查
'no-console': 'off',
//禁止空格报错检查
'generator-star-spacing': 'off'
}
2.在报错的那个文件中的 里面第一行插入以下代码:
/* eslint-disable */
这个最直接,忽视所有eslint规范(亲测有效)
3.在最开始创建项目的时候,如果你不想有规范的js代码,可以重新初始化关掉eslint,在这一步选择No:
Use ESLint to lint your code? (Y/n) no
在bulid/webpack.base.conf.js里面有配置如下:
module: {
rules: [
…(config.dev.useEslint ? [createLintingRule()] : []),
点进config.dev.useEslint,发现在config/index.js里配置
useEslint: true, // 改为false即可。
(未尝试)
4.打开vscode的设置,搜索eslint,在搜素出来的下面找到settings.json
如图:
打开settings.json文件
修改代码为如下:
{
"eslint.options": {
"extensions": [
".js",
".vue"
]
},
"eslint.validate": [
"javascript",
{
"language": "vue",
"autoFix": true
},
"html",
"vue"
],
"eslint.autoFixOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.codeAction.disableRuleComment": {},
"eslint.alwaysShowStatus": true,
"workbench.colorTheme": "Monokai Dimmed",
"eslint.codeAction.showDocumentation": {
"enable": true
},
}