Webstorm与React-native 的断点调试

时间:2024-05-23 11:46:53

一、概述

使用React-Native查找bug的时候,最常用的方式就是通过查看日志信息,但是作为一个断点调试的爱好者对这种方式深恶痛绝,因此才会写这篇文章。这篇文章介绍的WebstormReact-Native断点调试和android-studioJava的断点调试类似,反正就是个人感觉非常好用。

二、内容

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
Webstorm与React-native 的断点调试

2.2设置Start React-Native Bundler其中配置参考上图
Webstorm与React-native 的断点调试

3.运行

配置完成以后,点击Webstorm中的Debug按钮开始调试程序,需要特别指出的是:如果你发现居然没有成功,那你摇一摇手机(React-Native,你懂得)是否进入Debug模式,如果已经是Debug模式则使手机重新Debug
Webstorm与React-native 的断点调试

二、后记

其实这个React-Native断点调试还是有点毛病的,当你的项目中有用到realm这个模块的时候就无法进入调试模式,反正我是试了n遍没有成功,如果有解决了此问题的大神欢迎给小弟发邮件(俺的邮箱是:[email protected]

官方网站:http://www.duxiwei.com