搭建React Native开发环境

React Native已经出来一年多了，一直以来都想要学习，切迟迟因为自己的懒得没有开始，为了弥补前置基础知识的缺漏，特地在此之前花了半个月时间，把html、css以及原生的JavaScript捡起来学习了一遍，这个可以去慕课网上学习，里面有一整套完整的视频方便学习。

---

学习任何一门新的技术，都是先把环境给搭建好，RN也不例外（下面为了抒写方便都统一使用RN来代替React Native）：

1. 环境，博主是用mac系统的。

2. 搭建的简要步骤：

a. 安装Homebrew
b. 安装node.js和npm
c. 通过Homebrew安装watchman和flow
d. 通过npm安装RN

3. 具体的步骤：

• 打开http://brew.sh 站点拷贝安装Homebrew命令，如下：

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

• 然后安装nvm，在终端输入：

brew install nvm

• 接下来通过nvm来安装，node.js 和 npm，同样在终端输入：

nvm install node && nvm

• 然后是安装watchman和flow：

brew install watchman

安装完watchman后，你会看到“please run”后面有几行的终端命令，拷贝执行它们。
然后是安装flow：

brew install flow

• 然后安装React Native：

npm install -g react-native-cli

• 最后确认RN是否安装成功：

react-native

如果提示：you did not pass any commands.....，说明安装成功。

4. 不同平台开发环境所需：

• ios的环境所需：博主此时下载的RN需要xcode8及其以上的版本IDE
• Android环境所需：（这个可以通过Android studio想必做原生Android开发的再熟悉不过了）

1. JDK的环境变量

2. Android SDK的环境变量
3. build-tools，api 23，模拟器等等

5. 创建RN的项目工程：

// 非常简单
react-native init 项目名称

国内在init的时候往往比较慢，甚至是失败，因为RN在创建项目的时候下载的npm-module是去facebook官方上下的。

• 解决方案

参考：
http://www.jianshu.com/p/62242e424bae
http://blog.csdn.net/u011213996/article/details/51906582