React Naitve

环境搭建

Mac

• Node

• Watchman

• Yarn

• React Native 的命令⾏⼯具（react-native-cli）

• Xcode && Xcode命令⾏⼯具

• Java Development Kit(JDK)

• Android 开发环境

  1. 安装 Android Studio
  2. 安装 Android SDK
  3. 配置 ANDROID_HOME 环境变量

windows

• Node
• Python2
• JDK
• Yarn
• React Native 的命令⾏⼯具（react-native-cli） Android 开发环境
  1. 安装 Android Studio
  2. 安装 Android SDK
  3. 配置 ANDROID_HOME 环境变量
  4. 把 platform-tools ⽬录添加到环境变量 Path 中 5.真机调试
     1. 开启 USB 调试
     2. 通过 USB 数据线连接设备
     3. 运⾏应⽤

1.环境搭建

Mac

IOS：必须安装的依赖有：Node、Watchman 和 React Native 命令⾏⼯具以及 Xcode。 虽然你可以使⽤ 任何编辑器 来开发应⽤（编写 js 代码），但你仍然必须安装 Xcode 来获得编译 iOS 应⽤所需的⼯具和环境。

Node, Watchman我们推荐使⽤Homebrew来安装 Node 和 Watchman。在命令⾏中执⾏下列命令安装：

    brew install node
    brew install watchman    

如果你已经安装了 Node，请检查其版本是否在 v8.3 以上。安装完 Node 后建议设置 npm 镜像以加速 后⾯的过程（或使⽤科学上⽹⼯具）。

注意：不要使⽤ cnpm！cnpm 安装的模块路径⽐较奇怪，packager 不能正常识别

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

Watchman则是由 Facebook 提供的监视⽂件系统变更的⼯具。安装此⼯具可以提⾼开发时的性能 （packager 可以快速捕捉⽂件的变化从⽽实现实时刷新）。

Yarn、React Native 的命令⾏⼯具（react-native-cli）

Yarn是 Facebook 提供的替代 npm 的⼯具，可以加速 node 模块的下载。React Native 的命令⾏⼯具 ⽤于执⾏创建、初始化、更新项⽬、运⾏打包服务（packager）等任务。

    npm install -g yarn react-native-cli