一、概述
使用React-Native
查找bug的时候,最常用的方式就是通过查看日志信息,但是作为一个断点调试的爱好者对这种方式深恶痛绝,因此才会写这篇文章。这篇文章介绍的Webstorm
与React-Native
断点调试和android-studio
与Java
的断点调试类似,反正就是个人感觉非常好用。
二、内容
1.开发环境(React-Native
开发环境就不介绍了,自行google
)
- 操作系统:
Ubuntu18.04
- IDE:
Webstorm
- 运行环境:
android
智能手机 - SDK:
android SDK
2.配置调试环境
2.1添加React-Native
的运行环境,其中(React Native package
不是当点用户根目录(如)下的node_modules
,它是npm
安装目录下的node_modules
)
2.2设置Start React-Native Bundler
其中配置参考上图
3.运行
配置完成以后,点击Webstorm
中的Debug
按钮开始调试程序,需要特别指出的是:如果你发现居然没有成功,那你摇一摇手机(React-Native
,你懂得)是否进入Debug
模式,如果已经是Debug
模式则使手机重新Debug
二、后记
其实这个React-Native
断点调试还是有点毛病的,当你的项目中有用到realm
这个模块的时候就无法进入调试模式,反正我是试了n
遍没有成功,如果有解决了此问题的大神欢迎给小弟发邮件(俺的邮箱是:[email protected])