vue项目打包成apk安装包详细步骤

第一步 : 下载HbuilderX

跳转下载地址

第二部 : 搞定5+App项目

在这里插入图片描述
在这里插入图片描述
完事点创建
得到这么个玩意
在这里插入图片描述
把没用的都干掉,留下manifest.json就行了
在这里插入图片描述
然后把打包好的vue项目的内容拿来
在这里插入图片描述
就是这个玩意,里面的css,js等文件复制过去
然后它就变成了这个亚子
在这里插入图片描述
随后点击manifest.json,会给你调出配置页面,自行配置
在这里插入图片描述
基础配置里有个应用是否全屏显示
下面有说明"全屏并非状态栏透明或变色,而是没有状态栏",就像打王者吃鸡的时候,手机顶部状态栏是不显示的,那就是全屏显示
在这里插入图片描述
而下面说的状态栏透明则是沉浸式状态栏,这里面没有配置项,但是可以自己写,如果需要可自行添加
打开左边源码视图,找到"plus",在这个里面加上这串代码即可

"statusbar": {
	"immersed": true
},

如图所示
在这里插入图片描述

第三步 : 发行

配置好了点上面 发行 - - - 原生App-云打包
在这里插入图片描述
在这里插入图片描述
自行修改,如果只要Android的可以把上面iOS去掉
完事了点击打包
在这里插入图片描述

会给你弹出控制台
在这里插入图片描述
在打包队列中,等就完事了,过会控制台会给你弹出下载链接
在这里插入图片描述
大概五分钟过后,打包好了,这个链接就是下载地址

❀❀❀❀❀❀完结散花❀❀❀❀❀❀

posted @ 2020-10-27 11:24  静影  阅读(88)  评论(0)    收藏  举报