調試前端程序的時候直接用chrome調試工具比較多，最近使用了一段時間webstorm后，發現在webstorm中調試也是非常方便的，這里記錄一下使用方法。
1. 首先設置瀏覽器的用戶數據目錄， 這樣就不會和當前的瀏覽器沖突了。 （如果使用默認目錄， 在當前瀏覽器已經啟動情況下， 無法添加調試啟動參數，導致無法調試）
2. 新建JavaScript調試配置，選擇瀏覽器，設置啟動程序的url。
調試的時候，先要普通的方式啟動程序， 再用debug的方式啟動剛才建的test， 會自動打開瀏覽器，並應用斷點
斷點可以直接在chrome中打，如果此時打開F12開發者工具的時候，會發現調試是同步的，比較方便。
猜測其內部實現是利用dev protocol和開發者工具進行了調試同步。
這種方式主要好處是打斷點比較方便，畢竟在webstorm中找到需要打斷點的地方比在chrome中方便，不用老加debugger了。 另外，經測試在Vue文件中斷點容易歪，js中的斷點還是非常方便的。