react native 环境

mac 配置React－native for android

参考：http://facebook.github.io/react-native/docs/getting-started.html

• Homebrew 安装

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

• Nodejs(4.0 or newer) 安装

  1. nvm 安装

     curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash
     

     Or

     wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash
     

  2. node 安装

     nvm install node&& nvm alias default node
     

  3. 如果node版本为5.0或更高版本，建议安装npm2

     npm install -g npm@2
     

• Android 环境安装

  1. Git 安装

     brew install git
     

  2. Android SDK 安装

     1. 安装jdk

        官网下载 .dmg 安装包进行安装

     2. android－sdk 安装

        brew install android-sdk 
        

     3. 定义 ANDROID_HOME 环境变量

        ~/.bash_profile 文件末尾添加

        export ANDROID_HOME=/usr/local/opt/android-sdk
        
        `注` 以上路径为android－sdk安装路径
        

  3. 使用gradle 守护进程

     1. gradle 官网下载 gradle-xxx-all.zip

     2. 将zip文件解压缩到 /usr/local/Cellar/gradle

     3. 添加 GRADLE_HOME/bin 到 PATH 环境变量（修改~/.bash_profile文件）

        GRADLE_HOME=/usr/local/Cellar/gradle 
        export GRADLE_HOME
        export PATH=$PATH:$GRADLE_HOME/bin
        

  4. 配置SDK

     1. shell 运行 android 命令

     2. 安装软件包

         

         

     3. 注意 如无法下载，勾选http选项

         

         

  5. Genymotion 模拟器安装

     1. Genymotion 官网注册用户

     2. 下载Genymotion for personal （免费）并安装

     3. 下载 virtualbox 并安装

     4. 打开Genymotion 新建虚拟设备

  6. React-native

     1. 安装react-native-cli模块

        npm install -g react-native-cli     
        

     2. 初始化项目

        react-native init AwesomeProject
        

     3. 运行项目

        cd AwesomeProject
        react-native run-android
        

     4. 注意 每次运行项目时都会去下载gradle-xxx-all.zip，可修改项目配置文件从本机下载，配置文件路径AwesomeProject/android/gradle/wrapper/gradle-wrapper.properties

        distributionUrl=https://services.gradle.org/distributions/gradle-2.4-all.zip  
        
        改为
        
        distributionUrl=gradle-2.4-all.zip
        

        并将gradle-xxx-all.zip cp到AwesomeProject/android/gradle/wrapper/目录下

  7. android studio 安装(React-Native 不需要安装该IDE，请无视)

     1. 官网下载.dmg安装包

     2. 配置文件修改 /Applications/Android Studio.app/Contents/bin/idea.properties 添加：

        disable.android.first.run=true
        

     3. sdk路径配置