用vue-cli创建vue项目的一个坑

最近刚用vue-cli创建一个vue项目,发现一个很奇怪的问题,明明代码是完全正确的,为什么老是报错,报错结果如下

Errors:
1 http://eslint.org/docs/rules/...
1 http://eslint.org/docs/rules/...
1 http://eslint.org/docs/rules/...
@ ./src/main.js 4:0-30
@ multi ./build/dev-client ./src/main.js
网页的错误如下:

原来,这是由于用vue-cli在创建项目时,会自动引入eslint去检验源码文件,由于eslint对于源码的检测非常严格,尤其是对于缩进符和空格非常敏感,所以导致程序无法通过webpack工具打包.解决方法有两个:
一.熟悉eslint的规范,按照eslint的规范编写代码(个人项目不建议使用)
二.直接删除掉webpack中eslint的相关配置,eslint的配置文件在项目目录下build/webpack.base.conf.js中
具体位置如下图