webstorm 斷點調試 React學習


在學習React的時候,進行代碼調試追蹤數據。webstorm 支持chrome進行斷點調試。開發環境:webstorm  react

1. 下載jet插件

鏈接:https://pan.baidu.com/s/19X5-OI5ZrjOtmzv4DgCfEw
提取碼:amk3
復制這段內容后打開百度網盤手機App,操作更方便哦

2. 安裝插件

chrome 打開可擴展程序管理 開發着模式打開。將文件解壓。點擊“加載已解壓的擴展程序”

 

 3. 配置端口:chrome與webstorm端口保持一致

chrome: 點擊插件,選擇jet插件的“選項”

 

webstorm:file -- setting---搜索Debugger

 

 4. 配置debug

 

 選中edit configurations

 

 

選擇新建 +

 

 右側:webpack:///src apply之后就可以使用了

5.測試

 

 

 

 注意:一定要先運行,之后再debug


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM