第一步 : 下载HbuilderX

DCloud官网

HBuilderX下载地址

第二部 : 创建5+App项目

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

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

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

就是这个玩意，里面的css、js等文件复制过去
然后它就变成了这个亚子

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

基础配置里有个应用是否全屏显示
下面有说明"全屏并非状态栏透明或变色，而是没有状态栏"，就像打王者吃鸡的时候，手机顶部状态栏是不显示的，那就是全屏显示

而下面说的状态栏透明则是沉浸式状态栏，这里面没有配置项，但是可以自己写，如果需要可自行添加
打开左边源码视图，找到"plus"，在这个里面加上这串代码即可

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

如图所示

第三步 : 发行

配置好了点上面
发行 - - - 原生App-云打包

自行修改，如果只要Android的可以把上面iOS去掉
完事了点击打包

会给你弹出控制台

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

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

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

Written ❤️ sywdebug.

vue项目打包成apk安装包详细步骤相关推荐

教你如何3分钟把VUE项目打包成apk，真的只要3分钟
前提准备使用vue-cli3搭建的项目工具 HBuilder X,他的图标长这个样子,点击下载做前端的大多数小伙伴们都应该知道,使用起来轻巧.急速,但是他主要是针对于VUE生态打造的,相对于 v ...
vue 使用window的对象_如何3分钟把VUE项目打包成apk
必要条件使用vue-cli3搭建的项目工具 HBuilder X,他的图标长这个样子,下载地址:https://www.dcloud.io/hbuilderx.html 做前端的大多数小伙伴们都应 ...
Cordova将vue项目打包成apk(全使用命令行)
场景假设vue项目已经搭建好,要将其打包成apk. 实现编译vue项目在vue项目目录下打开cmd,输入: npm run build 新建cordova项目来到要新建cordova项目的目录 ...
4.Android Studio项目打包成.apk文件(手机安装包)
文章目录 1.Android打包 2.为什么要给打包的项目签名? 3.签名的主要作用 4.Android Studio打包步骤 1.Android打包 Android程序开发完后,如果要发布在互联网上 ...
Android开发把项目打包成apk
做完一个Android项目之后,如何才能把项目发布到Internet上供别人使用呢?我们需要将自己的程序打包成Android安装包文件--APK(Android Package),其后缀名为" ...
利用Advanced Installer将asp.netMVC连同IIS服务和mysql数据库一块打包成exe安装包
原文:利用Advanced Installer将asp.netMVC连同IIS服务和mysql数据库一块打包成exe安装包因为业务需要,项目中需要把asp.netmvc项目打包成exe安装程序给客户 ...
用exe4j和inno setup将JAVA的项目打包为跨平台安装包
用exe4j和inno setup将JAVA的项目打包为跨平台安装包 1.将eclipse中的相关文件导出为jar文件 2.将jar文件和jre文件用exe4j打包为可执行exe文件 3.将exe文件 ...
将Eclipse Android项目打包成APK文件
将Eclipse Android项目打包成APK文件是本文要介绍的内容,主要是来了解并学习Eclipse Android打包的内容,具体关于Eclipse Android内容的详解来看本文 . Ec ...
Qt学习之Windows下Qt应用程序打包成exe安装包
本文介绍如何将exe可执行程序打包成exe安装包,打包完的安装包可以直接在Windows下安装,需要用到 Inno Setup 安装程序制作软件工具,工具下载完之后直接安装即可. 工具下载: 打包安装 ...

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

第一步 : 下载HbuilderX

第二部 : 创建5+App项目

第三步 : 发行

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

vue项目打包成apk安装包详细步骤相关推荐

最新文章

热门文章