React Native实战（一）：MAC配置环境

环境配置

需要安装的有：

Homebrew

Homebrew 是 Mac 中的一个包管理器。没有安装的话，点击 这里安装，我的版本如下：

mac-2:~ srain$ brew -vHomebrew 0.9.5 (git revision ac9a7; last commit 2015-09-21)

版本过低将会导致无法安装后续几个组件。可用 brew update 升级。

Node.js 和npm

Node.js 需要 4.0 及其以上版本。安装好之后，npm 也有了。

• 通过 nvm 安装 Node.js

nvm 是 Node.js 的版本管理器，可以轻松安装各个版本的 Node.js 版本。

安装 nvm 可以通过 Homebrew 安装：

brew install nvm

或者按照 这里的方法安装。

然后安装 Node.js：

nvm install node && nvm alias default node

也可以直接下载安装 Node.js： https://nodejs.org/en/download/

安装好之后，如下：

mac-2:react-native srain$ node -vv4.0.0mac-2:react-native srain$ npm -v2.14.2

安装 watchman 和 flow

这两个包分别是监控文件变化和类型检查的。安装如下：

brew install watchmanbrew install flow

安装 React-Native

通过 npm安装即可：

npm install -g react-native-cli

在使用nom install -g react-native-cli 会出现说

tar.unpack untar error /Users/terrylmay/.npm/react-native-cli/0.1.3/package.tgz 即解压失败。这主要是由于npm文件夹操作是需要root权限的。所以在运行该命令之前加上sudo 即可。

App开发环境的设置

iOS

XCode 6.3 及其以上即可。

Android开发环境

需要：JDK，Android SDK，Node.js

1.安装JDK

去 Java官网下载列表选择Mac OS X x64版

2.安装Android SDK

brew install android-sdk

安装完成后，一定要设置环境变量：

进入用户主目录下

$cd ~

然后如果目录下不存在.bash_profile文件，则创建该文件

$touch .bash_profile

打开该文件

$open .bash_profile

接着在文件中加入以下代码，

export ANDROID_HOME=/usr/local/opt/android-sdk

保存并退出，然后执行

$source .bash_profile

最后打开Android SDK Manager

$android

自此，设置环境变量成功。

异常说明：

• 例子使用Android API 23，BuildTool 23.0.1，需要先下载这两个版本
• 示例应用会在电脑端启动一个server，客户端连接server，如果使用模拟器可以直接运行，如果使用真机提示Unable to download JS bundle，需要对真机进行配置

真机调试配置

• 通过USB调试
  adb reverse tcp:8081 tcp:8081
• 通过wifi
  摇手机出现menu菜单，选择Dev Settings -> Debug server host for device，输入电脑端的ip+端口号，重新启动应用

运行结果