移动端环境搭建

    • 推荐使用 Homebrew 来安装 node 及 watchman

    1. android studio 配置

    为了方便 Android 开发环境的搭建,建议直接下载 android studio。Android studio 内集成 Java、adb 及模拟器等常用工具。 完成上述安装后还需要进行一些环境变量的配置,具体配置方法如下:

    • java_home 环境变量配置

    移动端环境搭建 - 图2 将此路径配置在启动项里面。如 .bash_profile 文件

    • adb 配置及 Android SDK 下载

      打开 Android studio 查看 android sdk 配置路径。

    移动端环境搭建 - 图4

    需要勾选 android 9.0,即 API Level 为 28, android 10.0 即 API Level 为 29

    adb 等工具就在 sdk location 路径的 platform-tools 文件夹中。可以将此路径配置到启动项中。方便直接执行 adb 等命令

    移动端环境搭建 - 图6

    创建成功后,可以在模拟器管理页面双击已经创建好的模拟器,就可以直接启动。

    也可以使用 模拟器,速度比较快。

    1.Xcode 下载

    2. 注意事项

    1. 当开发环境是 mac 的时候,不需要特殊配置。只需要安装 cocoapods,建议版本 1.4.0 及以上版本

      1. sudo gem install cocoapods --version 1.4.0

      gem 说明:mac 自带 gem:https://rubygems.org/ 如果需要安装其他版本,可以采用以下方式进行操作

    ruby 版本需要 2.2.0 以上

    3. xcode 10 特殊处理如下

    仅 xcode 10 版本需要配置此项内容,如果升级至更高版本则无需此项配置,可跳过。

    • lstdc++ 库问题,解决方式如下:

      1. /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/Developer/SDKs/iPhoneOS.sdk/usr/lib
    • xcrun 工具生成 ipa 包问题

    详细安装攻略见 RN 官网配置:

    1. 中文网:https://reactnative.cn/docs/getting-started.html

    2. 官网:

    window 机器环境配置

    由于 ios 开发必须 macOS 系统环境中进行。因此 window 环境下只提供了 Android 环境配置说明。

    1. jdk 配置

    jdk配置参考

    2. node 配置

    官网下载 12.10.* 版本进行安装。下载链接 根据系统选择对应的版本。

    安装后通过命令行检查是否安装成功 移动端环境搭建 - 图8

    3. 下载 Android studio 并安装

    官网教程

    安装之后下载 SDK

    在有些 Windows 系统中,启动器脚本无法找到 JDK 的安装位置。如果您遇到此问题,您需要设置指示正确位置的环境变量。 选择 “Start” 菜单 > Computer > System Properties > Advanced System Properties。然后打开 “Advanced” 选项卡 > Environment Variables,添加指向您的 JDK 文件夹位置(例如 )的新系统变量 JAVA_HOME

    4. Android 常用命令配置 :adb 等

    获取 SDK 目录。参考上边 Android 配置,在 Android studio 配置属性中找到 Android sdk Location 对应的路径。 然后参考文档配置 adb 等常用命令行工具

    移动端环境搭建 - 图10

    window Android配置注意问题

    • 检查环境变量是否已经配置