react-native mac开发环境配置(二)
官方教程请点击
http://reactnative.cn/docs/0.42/getting-started.html
一、android + Mac
1.安装 Homebrew
打开终端，输入命令：
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2.安装node
终端输入命令：
brew install node
3.Yarn、React Native的命令行工具（react-native-cli）
终端输入命令：
npm install -g yarn react-native-cli
4.安装JDK
点击http://www.androiddevtools.cn下载JDK安装
安装完成后打开终端
终端输入命令：
javac -version
5.安装Android Studio
安装过程中需要修改一些选项
<1>选择Custom选项
<2>勾选Performance和Android Virtual Device
<3>安装完成后，在Android Studio的启动欢迎界面中选择Configure | SDK Manager。
在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。
在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1（必须是这个版本）。然后还要勾选最底部的Android Support Repository.
6.环境变量配置
<1>打开终端输入命令
cd ~
touch .bash_profile （如果目录下不存在.bash_profile文件，则创建该文件）
打开该文件
open .bash_profile
接着在文件中加入以下两行
exportANDROID_HOME={/your/sdk/path/}android-sdk-macosx
exportPATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
保存并退出，然后执行
source .bash_profile
测试一下吧
终端输入命令：adb version
出现 Android Debug Bridge version 1.0.32
输入 $android 会打开Android SDK Manager
自此，设置环境变量成功
7.推荐安装
<1> Watchman . Facebook提供的监视文件系统变更的工具
终端输入命令：
brew install watchman
<2> Flow . 一个静态的JS类型检查工具
终端输入命令：
brew install flow
当以上步骤都安装成功时，让我们一起来测试一下安装吧
1.打开终端进入到将要放置项目的目录下 . 终端输入命令：
cd xxxxxxxxxx(项目目录)
2.初始化项目 . 终端输入命令：
react-native init RNdemo(项目名称)
3.使用android studio打开RNdemo的android文件夹，在上方找到粉红色的手机标志，点击可打开虚拟机，如果你只想真机测试，那么不需要这个步骤，而是连接电脑与手机，打开USB调试。`adb devices`可以查看当前连接的设备，同时使用虚拟机和真机将会报错。
4.进入项目目录 . 终端输入命令：
cd RNdemo
5.运行项目 . 终端输入命令：
react-natiive run-android
等待一会儿在虚拟机或者真机上会打开demo
6.command + m可打开虚拟机菜单重新加载js，真机可摇晃手机达到同样的效果
————以上————
