WebStorm可以調試debug，非常方便月而，下面將詳細介紹如何調試debug汗洒，但需要提前安裝好以下插件。
注意：1. 谷歌瀏覽器插件 JetBrains IDE Support
https://chrome.zzzmh.cn/info?token=hmhgeddbohgjknpmjagkdomcpobmllji
2. 每新建一個項目父款，都需要重新設置一遍
啟動項目(需要提前設置以下2-3步)
-
編輯配置里設置npm
image.png
image.png
image.png -
點擊運行項目溢谤，得到域名+端口號，同時會跳轉到登陸頁面
image.png
image.png -
編輯配置里設置javascript debug
image.png
image.png -
跳轉到頁面后憨攒，找開F12控制臺世杀，任意點擊一個功能，獲取你將要debug的url肝集，然后去到代碼頁面全局搜索瞻坝，把搜索出來的所有組件都點開并且打上斷點(因為多處調用同一個接口，不清楚具體是哪一個)
獲取你將要debug的url
然后去到代碼頁面全局搜索
搜索出來的打上斷點 -
切換到第4步定義好的debug處
image.png -
點擊debug圖標杏瞻，啟動debug所刀，成功后會自動跳出頁面
image.png
啟動debug，成功后自動跳出的頁面 -
這時去點擊你debug的url的按鈕伐憾，然后跳轉到代碼頁面成功的debug了
代碼頁面成功的debug
成功debug后勉痴，代碼頁會顯示請求后臺的數(shù)據(jù)
debug頁面 按F8一路看代碼的邏輯，最后跳出當前文件后就表示這次debug完了树肃，然后按F9結束本次debug蒸矛。
