搭建配置React Native环境

本环境配置使用的系统为Mac OS X系统

一：安装node.js

https://nodejs.org/en/

选择下载推荐人数最多版本或最新版本均可

安装过程很简单，就不一一介绍了

二：安装Homebrew

在mac终端输入命令安装Homebrew

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

安装过程中会出现下图页面：回车继续其他键终止，此时单击回车

之后会有提示需要管理员权限让您输入密码，输入之后继续安装，耐心等待会出现下图信息

三：安装watchman和flow

输入命令 brew install watchman

                    brew install flow

 如下图：

四：通过npm安装react-nactive-cli 命名行工具

输入命令 sudo npm install -g react-native-cli

注：因为需要经常切换Node.js版本，所以建议使用NVM来管理Node.js版本

下载地址：https://github.com/cnpm/nvm

在命令行输入 git clone https://github.com/cnpm/nvm

输入：cd nvm

source nvm.sh

具体命令功能描述 如下图不做过多解释

五：建立第一个项目

在命令行输入cd ..返回上一级，输入：react-native init Hello  创建一个Hello为名的项目

如图项目地址 在/User/vicool路径内

此时运行Hello文件中的iOS xode文件可以看到启动了一个终端React Packager 和一个模拟器

我们可以使用sublime text 或者 自带文本 编辑打开index.ios.js文件  将Welcome to React Native! 改为“我的第一个 React Native”  此时使用 command + R 快捷刷新，会立即显示“我的第一个 React Native”字样，说明修改成功，成功编译了我们第一个native程序！