在Mac系统下搭建React Native开发环境

这里记录一下在Mac系统下搭建React Native开发环境的过程：

　　1. 安装HomeBrew:

1	/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提供的监视文件系统变更的工具。(下面两个工具推荐安装)

1	brew install watchman

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

1	brew install flow

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

　　

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

　　再次运行，出现如下错误：

　　

　　安装nvm: 

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

 　　

　　安装cnpm: 

1	sudo npm install cnpm -g

 　　安装invariant:

1	npm install invariant -g

 　　再次运行：

　　

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

　　

　　在新建项目成功后，react也告诉我们该怎么运行：react-native run-***。

　　注意，使用小米手机，需要在开发者模式把"MIUI优化"关闭，否则，无法直接安装apk:

　　

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

　　

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

　　

　　启动过程中输出：

　　

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

　　

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