(004)RN开发VSCode调试ReactNative项目

时间:2024-03-14 15:41:10

1. 添加配置文件

  • 点击小蜘蛛后,按第一步、第二步操作即可
    (004)RN开发VSCode调试ReactNative项目

  • 接着选择调试平台☑️下面四个。点击OK,会生成一个launch.json文件并打开。
    (004)RN开发VSCode调试ReactNative项目
    (004)RN开发VSCode调试ReactNative项目

2. 添加断点

  • 接下来,我们回到DEDUG,点击右边的选择栏,选择Debug IOS
    (004)RN开发VSCode调试ReactNative项目

  • 在index.ios.js(IOS界面搭建文件)文件上设置一个断点
    (004)RN开发VSCode调试ReactNative项目

3. 开始Debug

快捷键F1—>输入 ReactNative 从候选的 Run on ios simulater 来部署应用,等APP在模拟器上显示后,选择debug 启动按钮,即可

这时候要等待一小会,就可以看到已经跑到我们之前设置的断点了,然后就可以操作悬浮窗口 进行调试了。
(004)RN开发VSCode调试ReactNative项目

总结

上面是利用VSCode调试RN项目。像Xcode 一样简单。
此外还可以Chrome 开发者工具 来调试。此处暂不展开。后续再补。

了解一下项目基本结构分析
(004)RN开发VSCode调试ReactNative项目

React Native学习笔记六:RN工程里面iOS项目从OC更换成SWIFT

参考

作者:雨纷纷__
链接:https://www.jianshu.com/p/39265866e8bf