【问题篇】打包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月前
|
存储 小程序 API
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
【微信小程序】-- uni-app 项目-- 购物车 -- 首页 - 轮播图效果(五十二)
|
1月前
|
小程序 开发工具 git
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
|
1月前
|
开发者 iOS开发
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
UniApp打包教程:使用HBuilder X和AppUploader完成原生App云打包和上架指南“
50 3
|
18天前
|
监控 数据可视化 安全
智慧工地SaaS可视化平台源码,PC端+APP端,支持二开,项目使用,微服务+Java++vue+mysql
环境实时数据、动态监测报警,实时监控施工环境状态,有针对性地预防施工过程中的环境污染问题,打造文明生态施工,创造绿色的生态环境。
14 0
智慧工地SaaS可视化平台源码,PC端+APP端,支持二开,项目使用,微服务+Java++vue+mysql
|
21天前
|
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
|
1月前
|
移动开发 自然语言处理 小程序
miniprogram-to-uniapp使用指南(各种小程序项目转换为uni-app项目)
miniprogram-to-uniapp使用指南(各种小程序项目转换为uni-app项目)
38 1
|
2月前
|
Android开发 开发者
Android Split APK介绍
【2月更文挑战第5天】
|
6月前
|
SQL 人工智能 算法
Android性能优化之应用瘦身(APK瘦身)
Android性能优化之应用瘦身(APK瘦身)