React Native开发环境搭建-安卓

时间:2024-10-07 14:40:33

开发平台:windows、android

React Native环境配置

1、安装node,Node 的版本应大于等于 16
在这里插入图片描述

2、安装JDK,React Native 需要 Java Development Kit [JDK] 11,你可以在命令行中输入 javac -version(请注意是 javac,不是 java)来查看你当前安装的 JDK 版本。
在这里插入图片描述

3、配置环境变量,确保jdk11在其他版本前面
在这里插入图片描述

配置Android运行环境,需要很长时间,耐心等待下载

1、下载安装Android Studio,安装下载的组件包需要很长时间,并且需要连接外网服务器,公司网络是可以连接到外网的。安装界面中选择"Custom"选项,确保选中了以下几项:
Android SDK
Android SDK Platform
Android Virtual Device
安装步骤
如下:/l/yufei/android/
注意:sdk文件夹存放的位置不要放C盘,占用内存很大;
在这里插入图片描述

2、安装Android SDK,Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native 应用需要的是Android 13 (Tiramisu)版本的 SDK。你可以在 Android Studio 的More Actions的 SDK Manager 中选择安装各版本的 SDK。
在这里插入图片描述

SDK Manager 还可以在 Android Studio 的"Preferences"菜单中找到。具体路径是Appearance & Behavior → System Settings → Android SDK。
在这里插入图片描述

3、然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的33.0.0版本。你可以同时安装多个其他版本。
在这里插入图片描述
在这里插入图片描述

4、最后点击"Apply"来下载和安装这些组件。
5、下载完后配置 ANDROID_HOME 环境变量,创建一个名为ANDROID_HOME的环境变量(系统或用户变量均可),指向你的 Android SDK 所在的目录;
在这里插入图片描述

6、把一些工具目录添加到环境变量 Path;

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
  • 1
  • 2
  • 3
  • 4

在这里插入图片描述

测试安卓运行环境是否正常

1、按照这个文档步骤创建新的项目并运行
/l/yufei/android/
/l/yufei/android/
2、运行时可以使用真机调试,手机开启usb调试,并通过 USB 数据线连接设备;接着在ide中选择对应手机,点击运行。
在这里插入图片描述