cordova(nodejs打包apk)环境配置

试了一个多星期终于可以了,各种版本问题,一定要注意版本版本版本,现在这一套在我这可以使用,仅供参考,不保证大家一定可以成功,玄学!!!

1.安装nodejs

  • Node.js下载适合自己设备的安装包,一路next;
  • 配置nodejs系统变量;
  • 打开CMD窗口,执行命令node -v查看node版本,如果出现版本号等信息说明nodejs安装成功。

我使用的nodejs是v18.17.1版本

2.安装cordova

  • 全局安装
npm install -g cordova
  • 打开CMD窗口,执行命令cordova -v查看版本,如果安装成功,会有版本号信息。

我使用的cordova 是v12.0.0版本

3.安装配置java

我使用的是JDK17

安装java JDK

        官方推荐的是JDK11但是一直没有成功,我这使用的是JDK17,Java Downloads | Oracle

安装过程一路NEXT。

配置java的环境变量

  • 新增JAVA_HOME变量名,变量值为jdk安装路径,C:\Program Files\Java\jdk-17
  • 打开CMD窗口,执行命令java -version,如果安装成功,会有版本号信息。

4.安装配置Gradle

我使用的是gradle-8.3

  • 下载Gradle并将其解压Gradle | Installation
  • 添加path环境变量 C:\Gradle\gradle-8.3\bin
  • 打开CMD窗口,执行命令gradle -v,如果安装成功,会有版本号信息。

5.安装配置安卓SDK

我使用的是 android-studio-2021.2.1.1

安装Android Studio

管理SDK

我安装了这些

其他的默认都有

配置SDK的环境变量

        新建ANDROID_SDK_ROOT和ANDROID_HOME环境变量,都设置为 Android SDK 安装位置C:\Users\XXX\AppData\Local\Android\Sdk

         在path中加入以下路径(根据自己的路径而定,也可改成绝对路径)

%ANDROID_SDK_ROOT%/platform-tools/
%ANDROID_SDK_ROOT%/cmdline-tools/latest/bin/
%ANDROID_SDK_ROOT%/emulator/

打开CMD窗口,执行命令adb,如果安装成功,会有版本号信息

6.简单使用

 依次执行以下代码:

cordova create hello com.example.hello HelloWorld
cd hello
cordova platform add android
cordova platform ls
cordova requirements
cordova build
cordova run

如果没有报错说明success,在E:\hello\platforms\android\app\build\outputs\apk\debug会有一个apk,考到手机就能使用。

我使用的是安卓12.0

安装包下载

JDK17 、android-studio-2021.2.1.1、gradle-8.3打包下载地址(资源有大小限制只能分开上传了):

https://download.csdn.net/download/lwbCUMT/88331815?spm=1001.2014.3001.5503

https://download.csdn.net/download/lwbCUMT/88331836?spm=1001.2014.3001.5503

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
为了将Vue打包APK,你可以使用Vue Cordova这种方法。下面是具体的步骤: 1. 首先,你需要创建一个Cordova项目。你可以使用以下命令在终端中创建一个Cordova项目: ``` cordova create cordova-app com.ysh mapp ``` 这将创建一个名为"cordova-app"的Cordova项目。你可以根据自己的需求来更改项目名称和包名。 2. 接下来,你需要全局安装Cordova。你可以使用以下命令在终端中全局安装Cordova: ``` npm install -g cordova ``` 这将安装最新版本的Cordova。 3. 现在,你可以开始使用Vue Cordova打包APK了。你可以按照以下步骤进行操作: - 首先,确保你已经在Vue项目的根目录中。如果不是,请先进入到该目录。 - 然后,运行以下命令来添加Cordova平台(这里我们以Android平台为例): ``` vue add cordova-android ``` - 接下来,你可以使用以下命令来构建APK: ``` vue cordova build android ``` 这将构建一个AndroidAPK文件,文件路径为`/cordova-app/platforms/android/app/build/outputs/apk/debug/app-debug.apk`。你可以在设备上安装和测试这个APK文件。 需要注意的是,你需要在创建Cordova项目和构建APK之前,已经安装好了Vue CLI和Cordova插件。希望以上步骤能帮助到你!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [vue打包apk文件,vue+cordova打包Androidapk](https://blog.csdn.net/qq_41619796/article/details/106615917)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

DP+GISer

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值