【Facebook的UI开发框架React入门之二】开发环境搭建(iOS平台）-goodmao

参考：

https://facebook.github.io/react-native/docs/getting-started.html

https://facebook.github.io/react-native/docs/tutorial.html#content

最新版本的React库源码：react-native v0.5

https://github.com/facebook/react-native/releases/tag/v0.5.0-rc

---------------------------------------------------------------------------------------------------

React.native是facebook开源的一套基于JavaScript的开源框架，
很方便用来开发移动设备的app。

而且，方便及时更新app的UI与数据，也很方便部署。
goodmao希望帮助大家迅速上手掌握！

---------------------------------------------------------------------------------------------------

一、环境要求

1.系统环境

需要Mac OS X + iOS7以上版本

2.IDE

Xcode6.3或以上版本：https://developer.apple.com/xcode/downloads/

3.安装服务器工具软件

Homebrew工具软件：https://github.com/Homebrew/homebrew

它用于安装以下软件：node，npm，watchman和flow。

终端命令：

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

3.1.node

是Node.js的服务器环境，安装后，可以支持Node.js。

终端命令：brew install node

说明：JS是脚本语言，脚本语言都需要一个解析器才能运行。

对于写在HTML页面里的JS，浏览器充当了解析器的角色；

而对于需要独立运行的JS，NodeJS就是一个解析器。

3.2.npm

在安装node的时候，自动安装。

3.2.watchman（可选）

是来自Facebook 的观察程序。

网址：https://facebook.github.io/watchman/

作用：能观察和记录文件的变化，能够在相关的文件发生变化时触发一些动作，例如重新编译项目时。

终端命令：brew install watchman

3.3.flow（可选）

网址：http://flowtype.org/docs/about-flow.html

作用：是一个JavaScript的静态检查工具。

它能发现JavaScript程序中常见的bug。

终端命令：brew update

brew install flow

4.安装React-Native库

终端命令：npm install -g react-native-cli

5.创建基于React的iOS项目

项目名称：HelloReact

终端命令：react-native init HelloReact

6.Xcode编译运行项目

用Xcode打开项目：HelloReact

效果：在模拟器或iOS设备，可以见到提示字符串内容。