环境需求

  1. OS X是开发iOS应用所必须的
  2. Homebrew(软件包管理工具) 安装命令:
    1
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  3. Node.js

安装方法一:

1
brew install node

安装方法二:(推荐)

首先安装nvm(node.js版本管理)

1
brew install nvm

安装最新版本node.js
1
2
//(nvm alias default node指定全局版本)
nvm install node && nvm alias default node

  1. watchman
    1
    brew install watchman
  2. flow(js代码类型检查)
    1
    brew install flow
  3. 安装React Native命令行工具
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    //(-g指定为全局安装)
    $ npm install -g react-native-cli
    //初始化项目
    $ react-native init AwesomeProject`
    //译注：由于众所周知的网络原因，react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像：
    npm config set registry https://registry.npm.taobao.org
    npm config set disturl https://npm.taobao.org/dist```

    ####  Demo运行
    ######  iOS
    *	```
    $ cd AwesomeProject
  • 用XCode打开ios/AwesomeProject.xcodeproj并点击Run按钮
  • 使用你喜欢的文本编辑器打开index.ios.js并随便改上几行
  • 在iOS Emulator中按下⌘-R就可以刷新APP并看到你的最新修改
Android
  • ```
    $ cd AwesomeProject
    1
    2
    * ```
    $ react-native run-android
  • 使用你喜欢的文本编辑器打开index.android.js并随便改上几行
  • 按Menu键（通常是F2，在Genymotion模拟器中是⌘+M）然后选择 Reload JS 就可以看到你的最新修改
  • 在终端下运行
    1
    adb logcat *:S ReactNative:V ReactNativeJS:V
    可以看到你的应用的日志