为了账号安全,请及时绑定邮箱和手机立即绑定

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

2019.05.06 09:45 421浏览

这篇文章你将会学习到:

  • iOS

    • 运行环境

    • 模拟器调试

    • 真机调试

  • Android

    • 运行环境

    • 模拟器调试

    • 真机调试

iOS

运行环境

  • 安装 Xcode

模拟器调试

  • react-native run-ios --port 8081

真机调试

  • Apple Developer 账户

  • 生成开发者证书

  • 加入设备

  • 生成开发者 Profiles

  • 用 Xcode 打开项目,配置代码签名:

  • 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

运行环境

# .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

  • 配置项目文件: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

〖坚持的一俢〗




点击查看更多内容

本文原创发布于慕课网 ,转载请注明出处,谢谢合作

0人点赞

若觉得本文不错,就分享一下吧!

评论

相关文章推荐

正在加载中
意见反馈 邀请有奖 帮助中心 APP下载
官方微信

举报

0/150
提交
取消