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

1. 添加配置文件

• 点击小蜘蛛后，按第一步、第二步操作即可
  

• 接着选择调试平台☑️下面四个。点击OK，会生成一个launch.json文件并打开。
  
  

2. 添加断点

• 接下来，我们回到DEDUG，点击右边的选择栏，选择Debug IOS
  

• 在index.ios.js（IOS界面搭建文件）文件上设置一个断点
  

3. 开始Debug

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

这时候要等待一小会，就可以看到已经跑到我们之前设置的断点了，然后就可以操作悬浮窗口 进行调试了。

总结

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

了解一下项目基本结构分析

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

参考

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