782 字
4 分钟
在 Windows 10 上搭建 React Native 开发环境与 Android 模拟器全攻略
0. 环境架构概览
在开始安装之前,我们需要了解 React Native 开发环境的组成部分。它不仅需要 JavaScript 运行环境,还需要完整的 Android 原生开发链。
1. 基础工具安装 (使用 Chocolatey)
Chocolatey 是 Windows 上最强大的包管理器,能帮我们一键安装复杂的开发工具。以管理员权限打开 PowerShell,安装 Chocolatey 后运行以下命令:
# 安装 Node.js (LTS), JDK 17 (当前RN推荐版本) 和 Python3choco install -y nodejs-lts microsoft-openjdk17 python3注意:2026 年的 React Native 已经全面转向 JDK 17,旧版的 JDK 8 可能会导致现代 Gradle 构建失败。
2. 安装 React Native 命令行工具
现在官方不再建议全局安装 react-native-cli。推荐使用 npx(随 Node.js 自动安装),这样可以确保你始终使用最新版本的脚手架,而不会产生版本冲突。
# 无需安装,直接运行创建命令npx react-native init MyProject3. Android Studio 与 SDK 配置
3.1 安装 Android Studio
前往 Android Studio 官网 下载并安装。在安装向导中,务必勾选:
- Android SDK
- Android SDK Platform
- Android Virtual Device
3.2 详细配置 SDK
- 打开 Android Studio,进入 Settings -> Languages & Frameworks -> Android SDK。
- 在 SDK Platforms 选项卡中,勾选最新的 Android 版本(如 Android 14.0 “UpsideDownCake”)。
- 在 SDK Tools 选项卡中,点击“Show Package Details”,确保勾选了 Android SDK Build-Tools 中的最新版本以及 Android Emulator。
4. 关键步骤:配置环境变量
这是 Windows 用户最容易卡住的地方。React Native 需要通过环境变量定位 SDK。
- 新建系统变量:
- 变量名:
ANDROID_HOME - 变量值:你的 SDK 路径(通常为
C:\Users\用户名\AppData\Local\Android\Sdk)
- 编辑 Path 变量:
在系统变量
Path中添加以下四个路径:
%ANDROID_HOME%\platform-tools%ANDROID_HOME%\emulator%ANDROID_HOME%\tools%ANDROID_HOME%\tools\bin
5. 启动 Android 模拟器 (AVD)
- 在 Android Studio 中点击 Device Manager。
- 点击 Create Device,选择一个设备型号(如 Pixel 7)。
- 选择一个系统镜像(推荐 x86_64 以获得更佳性能)并下载。
- 完成后点击“播放”按钮启动模拟器。
6. 创建与运行项目
方案 A:原生 React Native CLI (推荐用于高性能应用)
npx react-native init MyAwesomeProjectcd MyAwesomeProjectnpm run android方案 B:使用 Expo (推荐用于快速原型开发)
如果你更倾向于 Expo 的简便性:
npx create-expo-app MyExpoProjectcd MyExpoProjectnpx expo start在终端输入 a,项目将自动安装并运行在启动好的模拟器上。
7. 常见问题避坑指南
- 模拟器启动黑屏:检查是否开启了 VT-x (Intel) 或 SVM (AMD) 硬件虚拟化技术。你需要在 BIOS 中开启此项。
- Build 报错 “Could not install the app on the device”:通常是环境变量没配对,或者模拟器未完全启动,运行
adb devices检查是否有设备在线。 - 性能优化:在 Windows 上,确保你的模拟器开启了
Graphics: Hardware - GLES 2.0以利用显卡加速。
总结
搭建 React Native 环境的过程虽然繁琐,但只要配置好了 环境变量 和 SDK 组件,后续的开发体验会非常流畅。2026 年的开发趋势是尽量利用 npx 减少全局依赖,并保持 JDK 版本的更新。
在 Windows 10 上搭建 React Native 开发环境与 Android 模拟器全攻略
https://sw.rscclub.website/posts/reactnativewin10/