前端项目的运行环境大多数都是在浏览器上面的，调试的时候借助浏览器的 console 功能就可以能方便的解决问题了，就能愉快的 debug了，下面说下用的比较多的方法：
1. 在项目开发过程中定位问题一般都是通过控制台输出变量值，多打几个console就能看到数据值的变化了;
var dataMessage = \'把我的数据输出呀\';console.log(\'这个变量值\',dataMessage);
2. 在项目中借助控制台的输出功能，进入浏览器的调试界面Sources中打断点进行单步调试；
都进入这个界面，就可以为所欲为了，想怎么打断点都行了呀，鼠标悬浮看数据变化就好啦；
总结：以上两种方法在任何框架都适用，通过第二种方法来定位问题是很方便的，如果接手一个新项目的时候，找到webpack中首次启动项，然后看下路由配置，在把这个看不懂的变量值，走下断点，看下变量都是些啥东西，基本二次开发问题就很轻松了呀。
欢迎关注博主：微信公众号交流
