1.安装Homebrew：
在MAC中打开终端工具并输入如下语句：
ruby -e "$(curl --insecure -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
homebrew.png
上述步骤中会提示输入密码然后开始下载Homebrew，如果此时网速不稳定可能会出现错误提示：curl: (35) Server aborted the SSL handshake。
此时需要执行卸载操作，输入如下命令进行卸载：
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"
卸载完成后再次尝试安装。
安装完成会有以下提示：
homebrew下载完成.png
2.安装npm和Node.js
brew install node
3.安装WatchMan
该插件用于监控bug文件和文件变化 ，并且可以触发指定的操作
执行安装
brew install watchman
watchman.png
ps：在Mac OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复：
sudo chown -R `whoami` /usr/local
4.安装Flow
flow是一个 JavaScript 的静态类型检查器，安装后，方便找出代码中可能存在的类型错误
执行安装
brew install flow
flow.png
更新
如果已经安转了以上的软件，需要更新到当前最新版本。
首先更新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安装.png
安装成功
创建新项目
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.org
npm 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
运行项目：
运行.png
ps：如果终端提示
node_modules错误.png
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即可，然后重启即可。
网友评论