一、react-devtools 调试工具

1.调试样式：

github地址：

https://github.com/facebook/react-devtools/tree/master/packages/react-devtools

安装方法：

yarn global add react-devtools || npm install -g react-devtools

使用方法：

终端输入：react-devtools

出现如下所示图片（配合模拟器inspector可以像开发网页一样简单）：

image.png

2.调试js

打开http://localhost:8081/debugger-ui/就可以看到

image.png

二、ios模拟器调试

1.ios调试方法

快捷键：control+d 模拟器会弹出如下弹窗

image.png

选择Toggle Inspector ，就可以用鼠标点击页面上的元素进行调试了；

image.png

3.两种方式结合使用：

在模拟器中点击组件，右侧开发工具中就会出现那个组件，和开发web类似，可以快速debug；

image.png