素材巴巴 > 程序开发 >

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

程序开发 2023-09-14 14:43:04

一、下载 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.

标签:

上一篇: Flutter 创建自定义插件 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。