cordova打包android环境,windows环境配置cordova+Vue打包android APK

1.所需环境

nodejs

java sdk

android sdk

gradle

cordova

2.环境配置

2.1 nodejs

nodejs官网下载长期支持版,一键傻瓜式安装即可。不再赘述。

bVbGXNO

确定是否安装成功,可以在终端输入 node -v 查看

bVbGXNV

2.2 java sdk

由于兼容性问题,java sdk 使用jdk8,可在这里下载。提取码:y4gr

安装时,建议自定义安装路径。

bVbGXN2

安装完成后,配置JAVA_HOME:

新建系统变量:

bVbGXN9

在系统变量path中,加入如下项目:

bVbGXOf

jdk环境变量配置完成,检查是否配置正确,可以在终端输入javac.

bVbGXOh

2.3 android sdk

bVbGXOt

这里建议可以安装在非系统盘。

安装完成后,下载所需级别Android API。

bVbGXOx

接下来配置ANDROID_HOME:

新建系统变量:

bVbGXOI

然后在系统变量path中,加入如下项目.

bVbGXON

android sdk到此安装完成。

2.4 gradle

这里使用gradle-6.2.2,下载完解压。

接下来配置GRADLE_HOME:

bVbGXOT

然后在系统变量path中,加入如下项目。

bVbGXOU

2.5 CLASSPATH

配置CLASSPATH:

变量值为: .;%JAVA_HOME%lib;%JAVA_HOME%libtools.jar

bVbGXO2

2.6 cordova

全局安装cordova

npm install -g cordova

3 cordova项目

创建项目:

cordova create hello app.example.com HelloWorld

切换到项目目录'/hello'下,添加android平台:

cordova platform add android --save

打包环境检查:

cordova requirements

bVbGXQh

打包为android APK:

cordova build android

输出APK目录,则打包成功。

bVbGXO7

可能很多人会遇到如下gradle报错:

bVbGXO8

网络上查了很多方法都没有解决,最终在stackoverflow上一个类似提问下,找到解决方法。

运行:

cordova clean

重新运行打包命令,即可成功打包出android APK.

5 cordova + vue

cordova目录结构中'www'为源文件目录。因此,只需将vue项目的打包文件设置为Cordova项目中的www即可。

修改vue项目配置文件vue.config.js中的'outputDir':

bVbGXPb

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值