React-Native初学者的模拟器调试及真机调试

上周五才开始学习的React-Native开发，之前略有一些React的开发经验，但对原生Native的开发一窍不通。

好，背景交代完毕，讲讲我的初学经历和遇到的坑以及一些心得体会，主要是让大家避免我踩过的坑。

作为对APP开发几乎没啥认知的我，感觉起步还是有些吃力，相信对此有所了解的人应该会有不小的帮助。

从React-Native中文网开始了我的RN学习生涯，按照教程搭建了一下相关的环境。

坑：之前一直都用node4.5的版本，但RN需要5.0以上的版本才能支持，只好第一步先升级node了，方法非常简单，可参考教程

然后依次按照流程完成环境配置。

坑：clone了官网上的AwesomeProject项目，模拟器上无法运行，报错。当时Xcode是7.1.X版本，模拟器iPhone6，ios9.0版本，无法正常运行。

找了一些资料，发现确实有人碰到过这样的问题，但是ios8.0才报错，9.0就能够正常运行了。

后升级了Xcode到最新版本（8.1），在重新运行，模拟器ios10.1，项目正常运行。

至此，项目能够在Mac上模拟运行了。

下一步是想在真机上进行调试，又碰到了不少坑。

第一步：首先，你需要有一个AppleID，在Xcode的account进行绑定Xcode>>Preferences>>accounts

进行添加帐号即可。

第二步：添加好帐号后，才能在相关配置里找到develop team。

在这里主要有两个点需要注意：

第一、Bundle identifier 中必须填写唯一的值，若不是则不能生成Provisioning Profile和Certificate，导致无法正常调试。

第二、即在Team选中刚刚添加的你的帐号即可。

这些配置都在于左上角选中Targets中你的项目选中General进行的。

第三步：完成以上流程，连上你的iPhone（建议用ios10.1，如不想升级，也可在Xcode相关配置里进行配置调整真机要求）。刚连上需要一些时间让Xcode进行识别。

第四步：点击Run进行调试吧。

然后你就大展拳脚吧，开始编码，调试，在手机上开发自己的APP吧！