mac 配置React Native的开发环境

1.0基础环境

1.1  安装homebrew

Homebrew是OS X的套件(包)管理器，用于安装Node.js和一些其他必须的工具软件。

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

1.2  安装nvm管理nodejs

安装nvm
nvm是node.js的版本管理器，可以用nvm来安装node.js
$brew install nvm
安装node
$nvm install node

1.3  安装WatchMan

brew install watchman

1.4  安装Flow

brew install flow

2.0React Native安装

安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

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

Yarn、React Native的命令行工具（react-native-cli）#
Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

sudo npm inst all -g yarn react-native-cli

安装完yarn后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

2.2 创建reactnative项目

react-naive init 项目名称 
/Library/Java/JavaVirtualMachines/jdk1.8.0_20.jdk/Contents/Home

选择react-native版本
npm update -g react-native-cli
查询react-native的npm包最新版本
npm info react-native
升级或者降级npm包的版本
npm install --save react-native@0.18

下载jdk并设置jdk 环境变量

export JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_20.jdk/Contents/Home
export PATH=$JAVA_HOME/bin:$PATH
export CLASS_PATH=$JAVA_HOME/lib:$CLASS_PATH

安装android studio 翻墙环境下，并耐心等待

设置环境变量：ANDROID_HOME

$ vim ~/.bash_profile
export ANDROID_HOME=/usr/local/opt/android-sdk # 以实际位置为准
$ source ~/.bash_profile # 立即生效

仅以三张图纪念自己

监听文件的改变以达到实时刷新：
$ react-native start

期中android的环境配置最为坑爹，还请大家耐心解决问题

参考连接：

https://mp.weixin.qq.com/s?__biz=MzIxNjEzNjUzOQ==&mid=402020148&idx=2&sn=ccad14a9197c8dbc4700c40bb907e56c&scene=1&srcid=0808BT91kp5iX5xNRV0WuWrQ#rd

http://www.jianshu.com/p/cb8bbb499841

https://segmentfault.com/a/1190000004068339

React Native for Android 调试技术剖析

http://taobaofed.org/blog/2015/11/25/react-native-android-debug/