VSCode调试 React Native

工程准备

新建测试工程

react-native init example

完成后 用VSCode打开工程

调试

1. 安装React Native Tools

点击扩展搜索React Native Tools即可

如果已经安装好了 可以跳过

2. 配置

点击调试

调试

找到

没有配置

点击没有配置 选择添加配置

在弹出的选项中选择React Native

image.png

完成后 上面没有配置处会变成如下

调试选项

运行iOS模拟器

选择调试选项中的Debug iOS即可

调试

在render方法中加入测试代码

let a = 1
let b = 2
let result = a + b
console.log(result)

在result处打上断点
如图

打开模拟器如下界面： Hardware->Shake gesture

打开Debug JS Remotely, 重新运行, 等待

调试Android

选择Debug Android就可以啦