​​React Native​​ 是 FaceBook 开源的一个项目，FaceBook 希望可以用写 Web App 的方式去写 Native App。它可以让我们用 JS 和 React 来开发应用，使用 React Native 可以通吃 Android 和 IOS ,以及 Web,仅仅需要一份业务逻辑代码就可以来创建我们的应用。

Windows 下搭建 React Native Android 开发环境

安装JDK

从​​Java 官网​​​ 下载 JDK 并安装。请注意选择 x86 还是 x64 版本。
推荐将 JDK 的 bin 目录加入系统 PATH 环境变量。

安装 Android SDK

可以单独安装 Android SDK，也可以通过 Eclipse ADT 或者 Android Studio 一并安装。推荐使用Android Studio，以下说明会默认以 Android Studio 的方式说明。请注意选择x86还是x64版本。
为了加速下载，推荐从​​​AndroidDevTools​​​下载。
然后进入SDKManager(可通过Android Studio菜单Tools-Android-SDK Manager)，确保以下项目已经安装并更新到最新：

  • Tools/Android SDK Tools
  • Tools/Android SDK Platform-tools
  • Tools/Android SDK Build-tools (23.0.1)（这个必须版本严格匹配23.0.1）
  • Android 6.0 (API 23)/SDK Platform (1)
  • Extras/Android Support Library
  • Extras/Android Support Repository

推荐使用腾讯Bugly的镜像加速下载。​​查看说明​​​ 推荐将SDK的platform-tools子目录加入系统PATH环境变量。
最后，把ANDROID_HOME环境变量设置为你sdk所在目录。

安装git for windows

在​​这里​​​下载安装，​​安装过程中注意选择"Run Git from Windows Command Prompt"​​。

安装Python

从​​官网​​下载并安装python 2.7.x（3.x版本不行）

安装node.js

从​​官网​​​下载node.js的官方5.x版本或更高版本。
建议设置npm镜像以加速后面的过程（或使用科学上网工具）。

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

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

安装react-native命令行工具

​​npm install -g react-native-cli​​

MAC 下搭建 React Native Android 开发环境

Homebrew安装

Homebrew 是一款自由及开放源代码的软件包管理系统，用以简化 Mac OS X 系统上的软件安装过程，Homebrew 以 Ruby 语言写成，针对于 Mac OS X 操作系统自带 Ruby 的版本。默认安装在/usr/local，由一个核心git版本库构成，以使用户能更新 Homebrew。是 OS X 不可或缺的套件管理器。
安装之前，你可以先检查一下电脑上是否已经安装了 Homebrew，检查方式如下：
在终端执行下列命令：
​​​$ brew -v​​

如果已经安装了，会显示版本号。

如果没有安装，那就可以用下面这种方式，进行安装，在终端上直接输入下面的命令即可：
​​​$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"​​

Node.js的安装

Node.js®是一个基于Chrome V8 引擎的 JavaScript 运行时。 Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。Node.js 之生态系统是目前最大的开源包管理系统。我们都知道React Native是需要使用js开发的，所以Node.js是必不可少的安装。

安装Node.js也很简单，如下：
​​​$ nvm install node && nvm alias default node​​​ 可能你发现了，在Terminal终端上使用的命令是nvm，如果你没有安装nvm是会提示command not found的，所以我们还得先安装nvm。
nvm 是 Node.js 的版本管理器，可以轻松安装各个版本的 Node.js 版本。安装方式如下：
我们可以通过Homebrew安装：
​​$ brew install nvm​​ 或者通过这里的方式安装，地址：​​https://github.com/creationix/nvm#installation​​

安装完了nvm，我们这里最好配置一下环境变量到.bash_profile文件，因为如果不配置的话，容易出现这个错误nvm command not found。
配置方式如下：

export NVM_DIR="/Users/loonggg/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"  # This loads nvm

检查是否安装好了node和nvm我们可以通过如下方式：

$ node -v
v5.10.1
$ npm -v
3.8.3

安装watchman 和 flow

  • Watchman 是 facebook 的一个开源项目，它开源用来监视文件并且记录文件的改动情况，当文件变更它可以触发一些操作,例如执行一些命令等等。
  • flow是一个Javascript静态类型检查器。Flow为Javascript添加了静态类型检查，以提高开发效率和代码质量。
    安装方式如下：
$ brew install watchman
$ brew install flow

安装React Native

我们使用npm进行安装，如下：
​​​$ npm install -g react-native-cli​​

安装完 React Native 之后，要想运行或者初始化一个项目，然后运行到模拟器或者真机，我们需要搭建一个Android或者ios开发环境，我这里只介绍android，相信想学习React Native的同学，电脑上都基本上有了Android的开发环境。但是可能会有坑，有一个大坑就是得配置SDK的环境变量：ANDROID_HOME。

SDK环境变量的配置

  1. 启动Terminal终端工具
  2. 输入cd ~/ 进入当前用户的home目录
  3. 创建：
    ​​touch .bash_profile​​
  4. 打开并编辑：
    ​​$ open .bash_profile​​
  5. 在文件中写入以下内容：export PATH=${PATH}:/Users/loonggg/Application/android-sdk-mac_x86/tools:/Users/loonggg/Application/android-sdk-mac_x86/platform-tools
    友情提示：上述路径，请换成自己电脑上的SDK所在路径
  6. 执行如下命令：
    ​​$ source .bash_profile​​
  7. 验证：输入adb回车。如果未显示command not found，说明此命令有效，环境便亮设置完成。

创建第一个React Native应用

1. 初始化项目

​​$ react-native init AwesomeProject​​ 上面的 AwesomeProject 这个项目名字，你可以自己随意定义，自己命名，没有限制。

2. 编译并运行 React Native 应用

切换到AwesomeProject的主目录:
​​​cd AwesomeProject​​

运行项目命令:
​​​react-native run-ios​​​ or
​​react-native run-android​​

3. 效果图

【Kevin Learn React Native】--＞HelloWord_环境变量