一、React Native 环境配置 (保姆式教程) 2024版Android Studio

官方文档要求了必须要有这三个依赖,关于Android Studio如果不想用它提供的模拟器 可以只单独下载它的SDK即可。

在这里插入图片描述

1.node必须在14以上
在这里插入图片描述
2.JavaJDK Oracle JDK
在这里插入图片描述
我这里用的是17.0.11
在这里插入图片描述
3.下载Android Studio Android Studio我是用的2024版的

安装路径可以自己修改,尽量不要放在C盘,如果你内存多,当我没说。

在这里插入图片描述
在这里插入图片描述
这些都需要勾选上
在这里插入图片描述
在这里插入图片描述
都勾选好,然后点Apply去下载就好了。

1、配置环境变量

在这里插入图片描述
在这里插入图片描述
JAVA_HOME = 这个是按照JDK的路径

在这里插入图片描述
ANDROID_HOME= 这个是安装SDK时候的路径
在这里插入图片描述
在这里插入图片描述
把这四条加进来
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

在这里插入图片描述

set path
set ANDROID_HOME
这两行命令是检验环境搭建是否成功。

npm config set registry https://registry.npm.taobao.org
记得配置一下镜像,不然等会会下载很慢。

这样子就把环境变量配置好了,开始干活!

2、运行项目

npx react-native init ReactNativeApp //ReactNativeApp这个是自己定义的项目名字

在这里插入图片描述
npm run android 这个是打包apk文件
在这里插入图片描述
npm run start 运行项目
在这里插入图片描述
如果是ios 就输入i
如果是android 就输入a

在运行这个之前,记得先把模拟器打开 我这边是用的Android Studio 自带的模拟器
在这里插入图片描述
需要自己先去创建一个模拟器
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这样即可

在这里插入图片描述
这个得改成mirrors.cloud.tencent.com 不然会下载超时 一直安装失败。 这个gradle-8.0-all.zip 可以根据自己的JDK版本来下载 。

在这里插入图片描述
在这里插入图片描述
这样就完成了项目搭建。

Logo

有“AI”的1024 = 2048,欢迎大家加入2048 AI社区

更多推荐