使用cordova将vue代码打包成Android apk

1.安装cordova

安装cordova命令行工具,通过下面这些步骤:

  1. 下载和安装Node.js。安装完成后你可以在命令行中使用node 和 npm 。
  2. (可选)下载和安装git client, 如果你没有。安装成功后,你可以在命令行中使用git。 这个命令行使用下载git仓库中的资源。
  3. 安装cordova 模块使用Nodejs的npm工具。cordova模块会被npm工具自动下载。

在Windows终端上输入npm install -g cordova
-g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。
安装完成后,你应该能够在命令行中运行cordova命令,在没有任何参数的时候会打印一些帮助信息。

(详情请参考cordova官网)

2.创建App

当一切准备就绪后,在你的桌面新建一个文件夹
打开cmd命令符,cd到刚刚新建的文件夹中
输入 cordova create hello com.example.hello HelloWorld
此时你桌面新建的文件夹会多出一个名为hello的文件
在这里插入图片描述
在终端中 cd 到hello文件
输入 cordova platform add android --save
在这里插入图片描述

接着再输入 cordova build android
在这里插入图片描述
此时你的hello文件夹中会有一个apk文件,将这个发送到Android手机上即可安装打开!
(此apk仅为cordova示例的app,如何将自己的vue项目打包成apk请往下看)
!!!
!!!
!!!
要想将自己的vue项目打包成apk,先把刚刚打包好的示例apk删除了
然后打开上面操作后得到的hello文件夹下的www文件夹
在这里插入图片描述
我们会看到里面的文件和我们之前vue打包后的文件一样(vue项目打包)
此时我们只需要把这些文件全部删除,将之前vue打包好的dist文件夹中的文件全部复制到www文件夹中
然后在终端再次输入 cordova build android
这时,再回到apk所在文件夹,你会发现刚刚删除的apk又回来了,但是现在的apk已经不是cordova示例apk了,而是你的vue项目apk,将它发送至手机即可安装运行!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值