本文介绍了在Vue-cli3项目中遇到的Eslint空格报错问题及其解决方法。通过调整VSCode的缩进设置、修改.editorconfig配置以及检查并修复代码，可以解决因Eslint规范引起的错误。如果不想使用Eslint，可以通过修改.eslintrc.js文件禁用'@vue/standard'配置。
这里可以看到系统提示找到错误“12 errors found，12 errors potentially fixable with the --fix option“，查了下是Eslint抛出的错误提示，之前我们在vue实战开发003:详解vue-cli 3.0项目搭建的时候选择的是standard（正常模式）所以每次启动项目的之后都会对代码进行检查，是否符合Eslint规范。
vue实战开发005:解决Vue-cli3中的Eslint报错
2
而 Eslint语法规范相当的严格，就是空格位数不对都会报错，所以相当的麻烦。打开.editorconfig配置文件我们可以看到Eslint的缩进是2，而vscode默认的缩进是4（代码格式化与 Eslint 的代码规范不一致）。
vue实战开发005:解决Vue-cli3中的Eslint报错
3
我们将vscode中的缩进改过来，改成Eslint语法的缩进方案，用快捷键shift+alt+f重新格式化下代码，然后重新启动服务，系统还是会报错。
vue实战开发005:解决Vue-cli3中的Eslint报错
4
把Eslint缩进改成4也同样出错了，我重新检查了一下代码，将一些简单的问题修改了一下，报错解决了，再次新增代码的时候就要注意了，代码写法一定要符合Eslint语法规范，Eslint语法连空格都不允许错误的。
vue实战开发005:解决Vue-cli3中的Eslint报错
5
如果你不喜欢Eslint的语法规范可以将其关闭，我后面就直接关闭了，太麻烦了经常都是因为一些缩进问题导致的错误提示，真心不怎么想用Eslint，以后创建项目的为了找些时候还是直接忽略代码检测得了&
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
