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

安装nvmnvm是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 --globalnpm 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 --globalyarn 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/Homeexport PATH=$JAVA_HOME/bin:$PATHexport CLASS_PATH=$JAVA_HOME/lib:$CLASS_PATH

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

设置环境变量：ANDROID_HOME

$ vim ~/.bash_profileexport 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/