【React Native 极速指南】开发环境

这篇文章你将会学习到：

• iOS

  • 运行环境

  • 模拟器调试

  • 真机调试

• Android

  • 运行环境

  • 模拟器调试

  • 真机调试

iOS

运行环境

• 安装 Xcode

模拟器调试

• react-native run-ios --port 8081

真机调试

• Apple Developer 账户

• 生成开发者证书

• 加入设备

• 生成开发者 Profiles

• 用 Xcode 打开项目，配置代码签名：

  • TTARGETS -> General -> Signing(Debug)

  • https://reactnative.cn/docs/running-on-device/

• Build 到设备：

  • 通过 USB 连接电脑和设备

  • Xcode toolbar -> Select Device -> Build and run

• Or 使用 react-native-cli

  • 通过 USB 连接电脑和设备

  • 先安装：npm install -g ios-deploy

  • react-native run-ios --device --configuration Debug(?)

Android

运行环境

• 安装 JDK 8+

  • http://www.oracle.com/technetwork/java/javase/downloads/index.html

  • http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

• 安装 ADB（Android Debug Bridge）

  • 下载 Android SDK

  • 配置 .bash_profile

  • 运行 source .bash_profile

# .bash_profile 文件export ANDROID_HOME=/development/android-sdk
-- export ANDROID_NDK_HOME=/development/android-sdk/ndk-bundleexport PATH=$PATH:$ANDROID_HOME/toolsexport PATH=$PATH:$ANDROID_HOME/platform-tools
-- export PATH=$PATH:$ANDROID_NDK_HOME/

模拟器调试

• 安装 Android 模拟器

  • 配置 genymotion ADB

  • 安装 virtualbox ：https://www.virtualbox.org/

  • 安装 genymotion ：http://www.genymotion.net/

• 配置项目文件：local.properties

  • android/local.properties

• 使用 react-native-cli Build 到设备

  • react-native run-android --port 8081

# 项目/android/local.properties 文件ndk.dir=/development/android-sdk/ndk-bundle
sdk.dir=/development/android-sdk

真机调试

• 设备开启 USB 调试

• 通过 USB 连接电脑和设备

• 检查连接是否成功：adb devices

• 运行 react-native run-android --port 8081

〖坚持的一俢〗