【问题篇】打包Vue-cli3创建的vue项目成App的apk文件

简介: 【问题篇】打包Vue-cli3创建的vue项目成App的apk文件


1、修改vue项目配置(下面的是基于脚手架3方式创建的项目的打包方式)

1.1打开cmd(管理员方式)

1.2输入 vue ui,进入脚手架管理界面

1.3点击配置进入配置界面

1.4修改公共路径为./

1.5进入vue.config.js文件检查是否修改成功

2、运行npm run build进行vue项目打包

3、将打包生成的dist文件夹复制到hbuilderx里面

4、打开hbuilderX, 新建一个5+App项目

5、删除生成的文件和文件夹只留一个manifest.json文件(打包配置文件)

6、将dist文件下面的文件全部放到项目根目录下,如上图。

7、右键项目,点击发行——>原生App云打包

8、填写相关信息,Android证书获取方式自行百度,也可以私聊我,点击确定即可。

9、会返回一个apk文件下载路径,自行下载安装即可。

目录
相关文章
|
1月前
|
JavaScript
uni-app中关于格式化时间的js文件
uni-app中关于格式化时间的js文件
32 0
|
2月前
|
开发框架 JavaScript 小程序
vue,小程序,uni-app的生命周期?
vue,小程序,uni-app的生命周期?
|
17天前
|
监控 数据可视化 安全
智慧工地SaaS可视化平台源码,PC端+APP端,支持二开,项目使用,微服务+Java++vue+mysql
环境实时数据、动态监测报警,实时监控施工环境状态,有针对性地预防施工过程中的环境污染问题,打造文明生态施工,创造绿色的生态环境。
14 0
智慧工地SaaS可视化平台源码,PC端+APP端,支持二开,项目使用,微服务+Java++vue+mysql
|
20天前
|
JavaScript 前端开发 Android开发
Vue和uni-app的区别
Vue和uni-app的区别
|
1月前
|
iOS开发 开发者
【教程】uni-app iOS 打包解决 profile 文件与私钥证书不匹配问题
【教程】uni-app iOS 打包解决 profile 文件与私钥证书不匹配问题
|
1月前
|
开发框架 前端开发 算法
【Qt App 编译 】Qt Cmake 资源文件的加载:如何使用 CMakeLists.txt 文件和资源文件
【Qt App 编译 】Qt Cmake 资源文件的加载:如何使用 CMakeLists.txt 文件和资源文件
29 0
|
2月前
|
算法 Java Android开发
安卓逆向 -- 调用其他APK的SO文件
安卓逆向 -- 调用其他APK的SO文件
17 0
|
2月前
|
Android开发 开发者
Android Split APK介绍
【2月更文挑战第5天】
|
6月前
|
SQL 人工智能 算法
Android性能优化之应用瘦身(APK瘦身)
Android性能优化之应用瘦身(APK瘦身)
|
6月前
|
数据安全/隐私保护 Android开发
Android bundetool 转换 .aab 为apk 步骤
Android bundetool 转换 .aab 为apk 步骤
275 0
Android bundetool 转换 .aab 为apk 步骤