WebStorm调试ReactNative

如何使用webstorm调试:

  1. 在任意位置添加debug的红点
image.png
  1. 添加debug配置


    image.png
  2. 按照图示设置debug配置


    image.png
    • Bundler host 可以调整,看自己的RN是从哪个地址加载的,从localhost加载,就设置为localhost,从ip加载就填ip
    • 这个配置会帮你自动startRN的服务,请先终止其他地方占用8081端口的服务
  3. 打开debug


    image.png
  1. 在手机上摇一摇,打开Debug JS Remotely 就可以打断点调试了, 之前的断点也可以暂停到了
    image.png
我的 webstorm 版本:
image.png

你可能感兴趣的:(WebStorm调试ReactNative)