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

一、下载 HbuilderX

DCloud 官网

HBuilderX 下载地址

二、创建 5+App 项目

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

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

如图所示
沉浸式状态栏配置

三、发行

配置好了点上面
发行 - - - 原生 App-云打包
vue 项目打包成 apk 安装包详细步骤_第7张图片
vue 项目打包成 apk 安装包详细步骤_第8张图片
自行修改,如果只要 Android 的可以把上面 iOS 去掉
完事了点击打包
vue 项目打包成 apk 安装包详细步骤_第9张图片

会给你弹出控制台
vue 项目打包成 apk 安装包详细步骤_第10张图片
在打包队列中,等就完事了,过会控制台会给你弹出下载链接
vue 项目打包成 apk 安装包详细步骤_第11张图片
大概五分钟过后,打包好了,这个链接就是下载地址

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

Written ❤️ sywdebug.

你可能感兴趣的:(#,前端框架,vue)