系统版本 : 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 react-native-cli@0.1.10 -g
二、创建第一个ReactNative项目
1.使用react-native命令可以轻松地创建一个rn项目,其中”firstApp”为创建的工程名,其命名必须遵循camel命名法。
react-native init firstApp
2.根据命令行的提示,进入工程目录,并在模拟器中运行刚刚初始化的程序:
react-native run-ios
3.使用Cmd+R命令可以刷新应用,使用Cmd+D命令可以在模拟器中打开开发目录。
4.为方便开发调试,可以将模拟器始终置顶。
5.开启热更新,可以让模拟器在每次代码更新时自动刷新。