WebStorm + Chrome 調試 Vue 項目

一、安裝Chrome插件

JetBrains IDE Support

二、設置插件監聽端口和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 效果

項目文件中打斷點,現在就可以調試啦 ε≡٩(๑>₃<)۶ 一心向學

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章