Mac系统下React Native环境搭建

jy166102

　　这里记录一下在Mac系统下搭建React Native开发环境的过程：
　　1. 安装HomeBrew:



/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

　　安装完后如下所示：

\

　　可使用命令：”brew -v“查看其版本。
　　2. 安装Node.JS: brew install node，也可以在node.js官网下载pkg安装包进行安装。

　　3. 安装React Native的命令行工具：(需要sudo来安装，有些目录需要高级权限)

　　4. 安装Watchman，它是由Facebook提供的监视文件系统变更的工具。(下面两个工具推荐安装)



brew install watchman

　　5. 安装Flow，它是一个静态的JS类型检查工具，可方便找出代码中可能存在的类型错误。



brew install flow

　　6. 接下来就可以创建项目了：

　　出现这个错误，需要检查一下node版本，需要4.0以上。(之前的node使用了系统原来的--v0.4.1，这里修改PATH环境变量，指向我们安装的。)　　　　
　　再次运行，出现如下错误：

　　安装nvm:



curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash

　　安装cnpm:



sudo npm install cnpm -g

　　安装invariant:



npm install invariant -g

　　再次运行：

　　新建项目成功，看看目录结构：

　　在新建项目成功后，react也告诉我们该怎么运行：react-native run-***。
　　注意，使用小米手机，需要在开发者模式把"MIUI优化"关闭，否则，无法直接安装apk:

　　现在进入项目根目录执行"react-native run-android"，可以看到，rn服务器端首先被启动：

　　然后从jenter下载必须的依赖包并开始编译：

　　启动过程中输出：

　　安装完后，手机截图如下：

　　类似，也可以执行"react-native run-ios"来打开模拟器运行，或直接打开xcode项目来run。