用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中
具體位置以下圖