在学习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