React Native开发环境的配置

1.安装Homebrew：

在MAC中打开终端工具并输入如下语句：

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

上述步骤中会提示输入密码然后开始下载Homebrew，如果此时网速不稳定可能会出现错误提示：curl: (35) Server aborted the SSL handshake。

此时需要执行卸载操作，输入如下命令进行卸载：

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

安装完成会有以下提示：

2.安装npm和Node.js

brew install node

3.安装WatchMan

该插件用于监控bug文件和文件变化 ，并且可以触发指定的操作

执行安装

brew install watchman

ps：在Mac OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复：

sudo chown -R `whoami` /usr/local

4.安装Flow

flow是一个 JavaScript 的静态类型检查器，安装后，方便找出代码中可能存在的类型错误

执行安装

brew install flow

更新

如果已经安转了以上的软件，需要更新到当前最新版本。
首先更新Homebrew的版本库：

brew update

更新Homebrew库的内容：

brew  upgrade

清除不再使用的资源:

brew cleanup

React Native安装

安装React Native：

npm install -g react-native-cli

ps:如果提示root权限不够

sudo npm install -g react-native-cli

安装成功

创建新项目

react-native init 项目名称react-native init 项目名称 --version 0.40.0   //创建一个指定版本为0.40.0版本的项目

ps:由于网络原因，需要等待一段时间。react-native命令行从官方npm获取代码会很慢，可以将npm仓库源替换为国内镜像：

npm config set registry https://registry.npm.taobao.orgnpm config set disturl https://npm.taobao.org/dist

接下来，运行项目

运行iOS:

react-native run-ios

运行Android:

react-native run-android

ps:一些相关查询

查看本地的React Native的版本

react-native --version

更新本地的React Native的版本

npm update -g react-native-cli

查询react-native的npm包最新版本

npm info react-native

升级或者降级npm包的版本

npm install --save react-native@0.18

更新项目templates文件（可选）

react-native upgrade

运行项目：

成功。

ps：如果终端提示

transforming [========================================] 100% 406/407Error while persisting cache: TransformError: /Users/maying/WorkSpace/ReactNative/HelloWork/node_modules/react-deep-force-update/lib/index.js: [BABEL] /Users/maying/WorkSpace/ReactNative/HelloWork/node_modules/react-deep-force-update/lib/index.js: Unknown option: /Users/maying/WorkSpace/ReactNative/HelloWork/node_modules/react-deep-force-update/.babelrc.stage

是因为React Native升级了babel6，babel6对babelrc文件的解析有变更，而其他第三方组件还没有跟上这个变化。提示的很清晰，删除文件即可，删除react-deep-force-update/.babelrc。

解决办法：
cd到文件夹下ls －a然后rm即可，然后重启即可。