工程準(zhǔn)備
新建測(cè)試工程
react-native init example
完成后 用VSCode打開(kāi)工程
調(diào)試
1. 安裝React Native Tools
點(diǎn)擊擴(kuò)展搜索React Native Tools即可如果已經(jīng)安裝好了 可以跳過(guò)
2. 配置
點(diǎn)擊調(diào)試
調(diào)試
沒(méi)有配置
點(diǎn)擊沒(méi)有配置 選擇添加配置
在彈出的選項(xiàng)中選擇React Native
image.png
完成后 上面沒(méi)有配置處會(huì)變成如下
調(diào)試選項(xiàng)
運(yùn)行iOS模擬器
選擇調(diào)試選項(xiàng)
中的Debug iOS即可
調(diào)試
在render方法中加入測(cè)試代碼
let a = 1
let b = 2
let result = a + b
console.log(result)
在result處打上斷點(diǎn)
如圖
打開(kāi)模擬器如下界面: Hardware->Shake gesture
打開(kāi)Debug JS Remotely
, 重新運(yùn)行, 等待
調(diào)試Android
選擇Debug Android
就可以啦