vue开发移动端android打包Webstorm+cordova打包vue成Android项目

这篇博客介绍了如何将一个Vue.js开发的移动端项目通过Webstorm和cordova打包成Android应用。首先,使用npm run build打包Vue项目,然后创建cordova项目并复制Vue的dist文件到android-app的www目录。接着添加android平台并准备打包apk,包括检查和配置JDK、SDK、Gradle等环境。最后,通过keytool生成签名文件,并使用jarsigner或build.json进行签名和打包操作。
摘要由CSDN通过智能技术生成

一. 打包vue

vue项目开发完成后,

使用    npm run build

打包成功之后,打开生成的dist文件夹中的 index.html,看看是不是ok的,没问题就继续下一步。

二. 使用cordova打包android项目

1. 新建cordova项目

全局安装cordova:

npm install -g cordova

创建cordova项目:

cordova create android-app com.dls myapp

其中android-app是项目目录,com.dls是包名,myapp是应用程序的显示标题

2. 复制vue项目中 dist 下面得文件,到创建好的 android-app 项目的 www 文件下

3.打包android项目

进入刚才创建的android-aap目录:

cd android-app

然后打包android:

cordova platforms add android --save

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值