React Native项目所有依赖文件的使用说明

本文提供了一种便捷的方法,通过预先打包好的依赖文件,帮助开发者快速配置ReactNative开发环境,包括JDK、Gradle、AndroidSDK和示例项目,省去下载和手动配置的时间,只需几步即可开始开发。
摘要由CSDN通过智能技术生成

由于从零开始配置React Native环境需要使用代理工具下载大量的包,这会消耗很多时间,而且还要修改一些文件内容,每次都这样做比较麻烦。因此我将React Native环境配置好以后将相关的依赖文件打包分享,大家只要下载这些文件并解压到对应的位置,同时只需要简单的配置就可以直接开始开发React Native项目了,不需要下载大量的包。

相关依赖的版本如下:

  • JDK: 20
  • Gradle : 8.6
  • Android: 14
  • React Native: 0.73.5
  • React : 18.2.0

分享的文件包括:

  • jdk-20_windows-x64_bin.exe: JDK 20。
  • Android-SDK.7z: Android SDK命令行工具。
  • .gradle.7z: gradle构建工具包,已经包含所有所需的依赖。
  • ReactNativeDemo.7z: 已经配置好的React Native示例项目。

将这四个文件都下载到本地。

第一步,安装JDK。

双击jdk-20_windows-x64_bin.exe安装JDK到一个目录,例如 D:\Program Files\Java\jdk-20。然后在系统或用户的环境变量列表中,新建一个变量JAVA_HOME,值为JDK的安装目录。然后,在系统或用户的Path变量中,新增一条%JAVA_HOME%\bin。在终端运行 javac、java,测试是否安装配置成功。

第二步,配置Android SDK。

然后,解压 Android-SDK.7z 到一个不包含空格的英文路径,例如直接解压到D盘。在系统或用户的环境变量中,新增一个变量ANDROID_HOME,值为D:\Android-SDK。 随后,在系统或用户的Path变量中,新增三条:

  • %ANDROID_HOME%\cmdline-tools\latest\bin
  • %ANDROID_HOME%\platform-tools
  • %ANDROID_HOME%\build-tools\34.0.0

在终端中依次运行sdkmanager.bat 、 adb检查Android SDK是否配置成功。

第三步,配置gradle。

解压.gradle.7z到用户家目录,注意,压缩包直接包含一个.gradle文件夹,因此直接解压即可,不要再重复创建.gradle文件夹,也就是说,在用户家目录的.gradle文件夹下,应该直接看到子文件夹,而不是.gradle文件夹。

第四步,连接手机。可以通过USB有线连接或者WiFi无线连接。具体方法在另一篇文章中。

至此,环境配置已经完成了。

第五步,解压ReactNativeDemo.7z到一个不包含空格的英文路径下,通过终端进入这个文件,然后运行npm run android,稍等一会儿后,在手机上会看到应用安装请求,点击允许,即可在手机上看到App画面。

要构建apk,先通过终端进入项目的android子目录,然后运行 \gradlew.bat assembleRelease,等待一段时间后,即可在app\build\outputs\apk\release目录下看到apk文件,此安装包可以直接安装到手机上。

  • 4
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值