1.环境需求
2.React Native安装
3.创建第一个应用
4.React Native应用目录结构
5.运行HelloWorld
以下的教程是针对Mac系统的环境配置
一、环境需求
1.1 安装Homebrew
Homebrew是OS X的套件(包)管理器，用于安装Node.js和一些其他必须的工具软件。
安装方式:
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
<b>使用brew -v 命令来检查是否安装成功</b>
1.2 安装npm 和 Node.js
Node.js最好安装5.0及其以上更高版本，node安装成功后npm自动也就有了，直接下载安装Node.js，网址：https://nodejs.org/en/download/
brew install node
1.3 安装WatchMan
WatchMan是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能（packager可以快速捕捉文件的变化从而实现实时刷新）。该工具不是必须安装的，不安装不影响开发环境。
brew install watchman
二、React Native安装
Yarn、React Native的命令行工具（react-native-cli）
npm install -g yarn react-native-cli
Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。
三、React Native的第一个应用
3.1执行命令,生成一个工程
react-native init 项目名称
网络限制原因，需要等待一段时间（具体视网络情况而定）。react-native命令行从npm官方源拖代码时会遇上麻烦，可以将npm仓库源替换为国内镜像：
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
3.2目录结构分析:
默认生成android和ios两个平台的原生项目；
- android文件夹，就是一个可以用android studio打开的android项目。
- ios文件夹，是一个可以用xcode打开的ios项目。
- index.android.js，这是android的React Native入口文件。
- index.ios.js，这是ios的React Native入口文件。
- package.json，类似android studio的build.gradle，你依赖的库都写在里面。
- node_module文件夹，你依赖的库下载下来都存放在里面，属于git的忽略文件，你要找的依赖库源码也在里面，包括React和React Native。
- jscode文件夹，是自己创建的文件夹，用来存放自己写的js文件。
如果想更改Android的项目，打开index.android.js文件
四、运行工程文件
不管是 iOS 还是 Android，在开发调试阶段，都需要在 Mac 上启动一个 HTTP 服务，称为Debug Server，默认运行在 8081 端口，APP 通 Debug Server 加载 js。
<b>打开Android Studio运行项目</b>
