new Vue({
el: '#app',
router,
template: '<App/>',
components: { App }
})
错误原因：不可以直接new一个新对象，需要将新对象赋值给一个变量。
var vm = new Vue()
2. Strings must use singlequote
错误原因：字符串必须用单引号
return {
msg: "Welcome to Your Vue.js App", //双引号，报错！
}
3. Expected space(s) after “return”
错误原因：括号两侧必须要有空格隔开
return{// 没有空格报错
msg: 'Welcome to Your Vue.js App',
}
startClock (){} //){中间没有空格，报错！
4. Expected indentation of 8 spaces but found 6
错误原因：使用两个空格进行缩进。
if (this.IntervalID === '') {
this.IntervalID = setInterval(this.countDown, 1000)
}
其实ESLint的报错并不难懂，只要理解错误原因还是很好解决的。如果提前看看文档，更不会出现太多报错问题了。这个故事告诉我们看文档是很重要滴~%>_<%
Tips
发现ESLint的报错都会在报错语句前面显示一个URL，点击进去可以看到详细的错误信息哦。这是我刚在写博客的时候发现的。
http://eslint.org/docs/rules/no-new Do not use 'new' for side effects
E:\Github\EfficiencyTools\EfficiencyTool-VueMobile\src\main.js:15:1
new Vue({
这里的 http://eslint.org/docs/rules/no-new 就是ESLint规则报错的原因，还是很人性化的。
总结
其实vue-cli的ESLint不需要我们配置太多，基本的都配置好了，如果你愿意完全可以照着vue-cli提供的规则去写代码。当我们需要修改一些规则的时候添加到rules中替换原有规则就可以了。一开始用ESLint写代码很烦，经常由于一些格式问题调试报错，让回去改格式。不过慢慢的就会发现使用ESLint之后代码的确可读性、美观性上都好了很多。
推荐使用ESLint来规范代码编辑~
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持黑区网络。