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

  • Post author:
  • Post category:vue




一、下载 HbuilderX


DCloud 官网


HBuilderX 下载地址



二、创建 5+App 项目

创建5+App项目

创建5+App项目

完事点创建,得到这么个玩意

5+App项目目录

把没用的都干掉,留下 manifest.json 就行了

留下manifest.json配置文件

然后把打包好的 vue 项目的内容拿来

vue打包生成的文件

就是这个玩意,里面的 css、js 等文件复制过去

然后它就变成了这个亚子

5+App项目目录

随后点击 manifest.json,会给你调出配置页面,自行配置

配置详情

基础配置里有个应用是否全屏显示

下面有说明”全屏并非状态栏透明或变色,而是没有状态栏”,就像打王者吃鸡的时候,手机顶部状态栏是不显示的,那就是全屏显示

是否全屏显示

而下面说的状态栏透明则是沉浸式状态栏,这里面没有配置项,但是可以自己写,如果需要可自行添加

打开左边源码视图,找到”plus”,在这个里面加上这串代码即可

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

如图所示

沉浸式状态栏配置



三、发行

配置好了点上面

发行 – – – 原生 App-云打包

打包示例

打包示例

自行修改,如果只要 Android 的可以把上面 iOS 去掉

完事了点击打包

打包示例

会给你弹出控制台

打包示例

在打包队列中,等就完事了,过会控制台会给你弹出下载链接

打包示例

大概五分钟过后,打包好了,这个链接就是下载地址




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

Written ❤️ sywdebug.



版权声明:本文为sywdebug原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。