webstorm是我見過的前端開發除錯最好用的IDE工具了，它不僅具有強大的編輯，程式碼查閱引用功能，更有強大的js除錯功能，這是任何通過firebug,chrome devtool,console.log等低水平的除錯所無法比擬的。
本文嘗試探討如何將環境搭好，工欲善其事，必先利其器。
1. webstorm本地專案中配置一個debug profile
2. chrome安裝一個webstorm/phpstorm所共用的一個瀏覽器外掛 https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji
該外掛的功能就是和webstorm除錯伺服器通訊的；
3. 在IDE中插入任何你希望除錯的斷點；
4. 在webstorm中點選run->debug xxx啟動除錯，你就可以看到斷點了
enjoy debugging~~