一、安裝Chrome插件
二、設置插件監聽端口和WebStorm Debugger端口一致
JetBrains IDE Support 端口
File --> Settings --> Build,Execution,Deployment --> Debugger
WebStorm Debugger 端口
三、 WebStorm設置JavaScript Debug
設置debug端口和項目開發端口一致(根據自己的項目端口設置)
設置項目 src Remote URL webpack:///src
四、先運行項目,在運行debug
npm run dev 運行項目,項目運行成功之後在運行 debug
五、Debug 效果
項目文件中打斷點,現在就可以調試啦 ε≡٩(๑>₃<)۶ 一心向學