美文网首页
VSCode调试 React Native

VSCode调试 React Native

作者: 冰琳92 | 来源:发表于2019-04-15 17:55 被阅读0次

工程准备

新建测试工程

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就可以啦

相关文章

网友评论

      本文标题:VSCode调试 React Native

      本文链接:https://www.haomeiwen.com/subject/tnwhuqtx.html