第一个简单的APP:React-Native实践之路(一)

一、环境搭建

//注:本教程以mac环境下搭建ios开发环境为例

1、安装Xcode
在app store中下载安装Xcode 7.0以上版本

2、安装homebrew

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

3、安装Node.js 4.0或更高版本

$ brew install node

4、安装watchman

$ brew install watchman

5、安装react-native全局依赖

$ npm install -g react-native-cli

二、快速开始

选择一个目录,初始化一个react-native项目

$ react-native init MyProject

由于网络原因,从npm官网源下载依赖包速度很慢,可以先将npm仓库源转为国内镜像,先在控制台执行

$ npm config set registry https://registry.npm.taobao.org
$ npm config set disturl https://npm.taobao.org/dist

然后在初始化项目

$ react-native init MyProject

进入项目目录

$ cd Myproject

运行

$ react-native run-ios

成功编译后模拟器自动启动,如果看到以下界面,说明环境配置已经成功

随意修改index.ios.js入口文件,在模拟器中按⌘+R刷新查看效果,也可⌘+D 在开发菜单中选择Enable Live Reload,开启模拟器自动刷新,这样保存代码时模拟器立即自动刷新

至此已完成OS X环境下react-native ios项目环境的配置和项目初始化