React Native 环境设置

17 Mar 2025 | 阅读 2 分钟

根据您使用的操作系统,React Native 环境设置(安装)有不同的替代方案。

对于每个**开发和目标**操作系统,说明都非常不同。

在本教程中,我们将使用 Windows 作为开发操作系统,Android 作为目标操作系统。

使用 React Native 框架开发应用程序需要**Node、React Native 命令行界面、Python2、JDK 和 Android Studio**。

在这里,我们使用一个常用的 Windows 包管理器 Chocolatey。使用它,我们可以安装最新版本的 Python 和 Java SE Development Kit (JDK)。


设置 React Native 环境的步骤

1. 访问 Chocolatey,然后点击 **"立即安装 Chocolatey"** 它会打开另一个 URL。

React Native Environment Setup

2. 安装 chocolatey 设置,复制在 cmd.exe 部分中提供的代码。

React Native Environment Setup

3. 以**管理员**模式打开您的命令提示符(右键单击命令提示符并选择“以管理员身份运行”),粘贴此代码并点击回车。它将安装 Chocolatey。

React Native Environment Setup

4. 在命令提示符的管理员模式下,粘贴代码并运行它(安装 Node.js、Python 和 JDK)。

如果您已经安装了 Node.js,请确保其版本高于 8,如果您已经安装了 JDK,请确保其版本为 8 或更高版本。

React Native Environment Setup

5. Node 附带 npm (Node Package Manager),它允许您安装 React Native。 运行给定的代码

React Native Environment Setup

设置 Android Studio

1. 访问 Android 网站 并下载 Android Studio。

React Native Environment Setup

2. 运行下载的 android studio 设置 (.exe) 文件并按照说明进行操作。

React Native Environment Setup

3. 选择要安装的功能。

React Native Environment Setup

4. 选择安装位置。

React Native Environment Setup

5. 让安装继续,然后单击 **下一步**。

React Native Environment Setup

6. 单击 **完成** 以完成安装。

React Native Environment Setup

安装成功后,Android Studio 主屏幕将出现。

React Native Environment Setup

设置 Java JDK 和 Android SDK 路径

1. 访问 如何在 Java 中设置路径 以设置 JDK 路径。

2. 将 Android SDK 路径设置为**我的电脑 > 属性 > 高级系统设置 > 环境变量 >** 在系统变量部分。 点击 **“新建...”** 如下屏幕所示添加 Android home 和 Android SDK。

React Native Environment Setup

3. 安装所需的组件,转到 **工具 Android > SDK 管理器 > SDK 平台**,选择所需的组件并安装。

React Native Environment Setup

4. 让安装继续,安装成功后,单击完成。

React Native Environment Setup

5. 创建 Android 模拟器,一个虚拟 Android 设备,转到 **工具 > Android > AVD 管理器 > 创建虚拟设备... SDK** 平台并选择设备类型。

React Native Environment Setup

6. 选择 Android 模拟器的 API 级别。

React Native Environment Setup

7. 提供设备名称并通过**单击显示高级设置**设置属性。

React Native Environment Setup

8. 启动模拟器。

React Native Environment Setup