React Native 开发环境搭建

分别实践了Windows/OSX上的Android运行环境,以及OSX上的IOS运行环境,记录下了其中的坑洼。

Windows 搭建Android运行环境

  • 首先安装Java,直接在官方网站下载最新版本即可(1.8以上)
  • 接下来,安装Python2、Node.js
  • 使用npm全局安装react native cli 和 yarn(增加包管理下载速度)
  • 下载Android Studio(安卓运行sdk以及安卓虚拟机),根据教程将所有必须项安装
  • 点击SDK Manager中的Launch Standalone SDK Manager,找到ADV Manager,打开一个android虚拟机,没有的话就创建一个即可
  • react-native run-android

执行react-native run-android命令后出现的问题

  • post占用,使用命令行查找使用该端口的进程,并杀掉即可
  • 安卓虚拟机创建,点击Android SDK,点击Launch Standalone SDK Manager,进入AVD Tools进行创建
  • 下载Gradle过程出现中断,根据下载路径,用浏览器打开进行离线下载安装,下载之后放置与/users/username/.gradle/wrapper/dists/目录下
  • 出现Java文件未能执行的问题,配置JAVA_HOME环境变量

OSX 配置 Android环境

  • 基本同上,遇到下载Gradle中断问题,离线下载至~/.gradle/wrapper/dists

分析各项安装包的作用

  1. Android Studio(包含了运行和测试React Native应用所需的Android SDK和模拟器)
  1. JDK(JAVA环境,Android Studio运行必备)
  2. Android SDK(android运行必备,提供android各版本支持)Google APIsAndroid SDK Platform 23`
  3. Intel x86 Atom System ImageIntel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image`以上几个是虚拟机内置环境
  4. Android SDK Build-Tools 23.0.1(必须是这个版本)与Android SDK Platform 23对应

因此方案二:使用性能更好的Genymotion模拟器,放弃Android Studio自带模拟器

  • 注册Genymotion账号,下载Genymotion和VirtualBox,下载一个版本的机型即可,下载中断问题,同样找到下载路径,进行离线下载,放置于路径/Users/username/.Genymobile/Genymotion/ova/~/.Genymobile/Genymotion/ova/(Windows/OSX操作步骤一直)
  • 因此关于Android Studio下载的必须项目即Google APIsAndroid SDK Platform 23Android SDK Build-Tools 23.0.1这三个即可,而且在安装界面也可以不勾选内置模拟器Android Virtual Device

方案二同比方案一安装完全减少10G作用的容量=。= 环境搭建至此。

坚持原创技术分享,您的支持将鼓励我继续创作!