一、开发环境和第一个React Native项目

系统版本 : OS X EI Capitan 10.11.4

Xcode版本 : Xcode 7.3

React Native版本 : 0.1.10

一、开发环境

1.安装包管理工具Homebrew：

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

2.通过Homebrew安装node和watchman：

brew install node

brew install watchman

3.将npm镜像替换为淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

4.安装react native到本地(为保证稳定性，安装0.1.10的版本)：

cnpm install -g [email protected] -g

二、创建第一个ReactNative项目

1.使用react-native命令可以轻松地创建一个rn项目，其中”firstApp”为创建的工程名，其命名必须遵循camel命名法。

react-native init firstApp

创建rn项目

2.根据命令行的提示，进入工程目录，并在模拟器中运行刚刚初始化的程序：

react-native run-ios

在模拟器中运行

3.使用Cmd+R命令可以刷新应用，使用Cmd+D命令可以在模拟器中打开开发目录。

4.为方便开发调试，可以将模拟器始终置顶。

将模拟器始终置顶

5.开启热更新，可以让模拟器在每次代码更新时自动刷新。