在學習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