（一）搭建基础环境（必备）使用ReactNative开发iOS应用需要OSX系统、Xcode、Homebrew、node、npm，也可以选择使用watchman和流动。1、安装HomebrewHomebrew，简称brew，是Mac系统的包管理器，用于安装NodeJS和其他一些必备的工具软件。Home-brew的使用方法：1）搜索软件：brew搜索软件名，如brewsearchwget2）安装软件：brewinstall软件名，如brewinstallwget3）卸载软件：brewremove软件名，如brewremovewget打开终端，运行如下语句（中间需要输入密码）进行安装：/usr/bin/ruby-e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)》运行效果如下：Homebrewinstallation.png可以通过以下语句查看是否安装成功，以及安装的Homebrew版本：brew-v一般情况下可以安装成功。如果因为网络问题导致安装失败，运行如下语句清理后再重新安装：e"$(curl-fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"2。使用Homebrew安装Node.jsReactNative需要NodeJS4.0或更高版本。本文发布时，Homebrew默认安装了6.x版本，完全满足要求。终端运行语句如下：brewinstallnode运行效果如下：安装Node.js.png3。安装ReactNative命令行工具（react-native-cli）ReactNative命令行工具用于创建、初始化、更新项目，以及运行打包服务（packager）等任务。终端运行语句如下：npminstall-greact-native-cli运行效果如下：如果安装react-native-cli.png出现错误（可能是权限不足），使用如下语句安装：sudonpminstall-greact-native-cli补充：（由于国内网络问题，可以将npm仓库替换成国内镜像）//将npm仓库替换成国内镜像：npmconfigsetregistryhttps://registry.npm.taobao.org--globalnpmconfigsetdisturlhttps://npm.taobao.org/dist--global4。XcodeiOS最基本的开发应该都安装好了。如果没有，建议直接在应用商店搜索安装。（二）推荐安装工具1、WatchmanWatchman是Facebook提供的一款监控文件系统变化的工具。安装这个工具可以提高开发时的性能（packager可以快速捕捉文件变化，实现实时刷新）。终端运行语句安装：brewinstallwatchman运行结果如下：InstallWatchman.png2。FlowFlow是一个静态的JS类型检查工具，可以轻松找出代码中可能存在的类型错误。译注：你在很多例子中看到的奇怪的冒号问号，还有方法参数中类类型的写法，都属于这个流工具的语法。这种语法不属于ES标准，而是Facebook自己的代码规范。终端运行语句安装：brewinstallflow运行效果如下：InstallFlow.png3.ReactNative开发的IDE可以直接用你喜欢的编辑器进行编辑。ReactNative官方推荐三种IDE来编写ReactNative应用：1）Atom和Nuclide2）WebStorm3）SublimeText4）VSCode+ReactNativeTools更深入的理解和使用请参考我一起写的另一篇文章哈哈：ReactNative开发IDE（三）创建第一个项目1.初始化创建项目命令行创建项目：react-nativeinitAwesomeProject运行截图如下：react-nativeinitAwesomeProject.png这里可能是一个漫长的等待过程，可能是因为项目依赖包本身很大，所以下载速度比较慢。总之，半夜试了一下写文章截图，安心看了一集异界动漫，回来发现项目创建成功。.（ps：之前试过在另一台电脑上创建工程，在整合原来的时候执行了这条命令，但是心急又删除了，可能真的需要耐心哈哈）创建成功如下：创建成功Screenshot.png生成工程文件set.png2。runproject命令行运行项目//视情况而定。总之，进入项目根目录cdAwesomeProject//运行iOS项目react-nativerun-ios然后会有一系列的反应。截图如下，运行成功项目：弹出运行服务窗口.png虚拟机运行成功截图.png补充：如果调试Android版本：（需要安装AndroidSDK，配置环境等）//运行Android项目react-nativerun-android3。除了命令行操作，还可以像iOS原生一样直接运行。方法一：在Nuclide中打开AwesomeProject文件夹，然后运行方法二：双击ios/AwesomeProject.xcodeproj文件，在Xcode中点击运行按钮。（最常用，适用于iOS开发者）4.简单修改调试用你喜欢的编辑器打开index.ios.js，修改几行。在iOS模拟器中按?-R刷新应用程序并查看您的最新更改！
