前端項目的運行環境大多數都是在瀏覽器上面的，調試的時候借助瀏覽器的 console 功能就可以能方便的解決問題了，就能愉快的 debug了，下面說下用的比較多的方法：
1. 在項目開發過程中定位問題一般都是通過控制台輸出變量值，多打幾個console就能看到數據值的變化了;
var dataMessage = '把我的數據輸出呀';console.log('這個變量值',dataMessage);
2. 在項目中借助控制台的輸出功能，進入瀏覽器的調試界面Sources中打斷點進行單步調試；
都進入這個界面，就可以為所欲為了，想怎么打斷點都行了呀，鼠標懸浮看數據變化就好啦；
總結：以上兩種方法在任何框架都適用，通過第二種方法來定位問題是很方便的，如果接手一個新項目的時候，找到webpack中首次啟動項，然后看下路由配置，在把這個看不懂的變量值，走下斷點，看下變量都是些啥東西，基本二次開發問題就很輕松了呀。
歡迎關注博主：微信公眾號交流
