React Native 安装环境

解决 React Native 环境安装占用 C 盘大量空间问题

安装依赖

官网: www.reactnative.cn/docs/enviro…

必须安装的依赖有: Node、JDK、Android Studio

Node 安裝

Node (要求 14 以上版本)

Node 版本切换推荐使用 GNVM

npm config get registry
npm config set registry https://registry.npmmirror.com/

安装完成后查看

node -v
npm -v

JDK (Java Development Kit)

JDK 通过该链接到下载页面

下载完成后安装, 若不想安装到 C 盘, 在此处更改路径

安装完成后检查是否安装成功

javac -version

Android Studio

Android Studio 通过该链接到下载页面

下载完成后安装, 若不想安装到 C 盘, 在此处更改路径

安装完成后启动, 需要修改几个存储路径, 不然都会存到 C 盘

.gradle

手动创建一个 .gradle 文件夹, 在 Android Studio 中修改存储路径

.gradle 配置环境变量 GRADLE_USER_HOME

.android

手动创建一个 .android 文件夹

.android 配置环境变量 ANDROID_SDK_HOME

Android SDK

手动创建一个 SDK 文件夹, 在 Android Studio 中修改存储路径

SDK 配置完成之后, 设置其环境变量 ANDROID_HOME (环境变量路径与 SDK 路径要一致)

在 环境变量 Path 中添加

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

创建项目

创建项目时请注意官网事项:

至此项目创建成功

创建和安装虚拟机

将创建完成的项目中 android 文件夹, 使用 Android Studio 打开, 根据一下步骤创建虚拟机:

至此虚拟机创建完成

启动项目

npm run android