*ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"*
```
![](http://upload-images.jianshu.io/upload_images/1354012-fcabb2d5d4ba9984.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
如图,出现 “Press RETURN to continue or any other key to abort”的时候记得按“回车”(有个朋友看不懂英文然后就不看了,一直在那里等着,真是无可奈何呀!)
当你看到 **==>****Installation successful! 那么就安装成功了**
###2、使用[Homebrew](http://brew.sh/)安装watchman和flow
```
1)brew install watchman
2)brew install flow
3)brew update && brew upgrade
```
![](http://upload-images.jianshu.io/upload_images/1354012-a39d1adb624fb6a5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)brew install watchman
![](http://upload-images.jianshu.io/upload_images/1354012-079a48e2652970ee.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)brew install flow
###3、安装[nvm](https://github.com/creationix/nvm#installation)
1)我们使用git把nvm给git下来
打开终端,复制黏贴
```
git clone https://github.com/creationix/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`
```
2)输入 . ~/.nvm/nvm.sh 或者 soure ~/.nvm/nvm.sh 启动nvm管理器
3)配置下nvm管理器,使我们打开终端的时候自动启动nvm
(1)、在终端输入:
```
vi ~/.bashrc
```
(2)复制黏贴
```
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm
```
然后 输入 *:wq! *回车
![](http://upload-images.jianshu.io/upload_images/1354012-2b7842ca1b0ff5f7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3)vi ~/.profile (重复上一步操作)
4)nvm install node && nvm alias default node
等待安装完成,安装完成之后我们就可以通过npm来管理node了!
5)国内的网络npm自带的源真的卡出了翔,所以我们要换成淘宝的源
```
npm install -g nrm
nrm use taobao
Registry has beensetto: http://registry.npm.taobao.org/
```
这样子我们就换成了淘宝的源了
###4 、快速开始启动RN工程
1)先创建一个文件夹,然后 cd 到文件目录,安装npm包
```
npm install
```
2)在你自己创建的文件目录里快速生成一个RN项目
![](http://upload-images.jianshu.io/upload_images/1354012-4a302b5c03a37cbc.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
```
react-native init AwesomeProject
```
(AwesomeProject是你想建立的RN项目的名字)
注:
1、执行init时切记不要在前面加上sudo(否则新项目的目录所有者会变为root而不是当前用户,导致一系列权限问题,请使用chown修复)。
2、由于网络的问题,很多开发者在这里会出现各种下载失败的情况,我已经把下载好的文件放到[百度云](http://pan.baidu.com/s/1mhh01aK)。各位需要的自行下载,跟你init是一模一样的,目前版本是 0.17
###5、打开AwesomeProject -> ios->AwesomeProject.xcodeproj
![](http://upload-images.jianshu.io/upload_images/1354012-e04ad329b072b91c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)5-1
![](http://upload-images.jianshu.io/upload_images/1354012-04e5acb6e17cde66.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
com+R 启动项目
注:可能nvm配置路径问题,项目运行的时候可能会出现错误
解决方法:
在项目启动中,cd 到AwesomeProject目录下,执行
react-native start
(之前的版本是npm start 新的版本已经改成了react-native start)
![](http://upload-images.jianshu.io/upload_images/1354012-17250079e6ee4e9b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/1354012-c68d52fc693bc1e3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)