使用HBuilder打包App教程(图文教程)

使用HBuilder打包App教程(图文教程)

1:新建app,或者打开“文件 - 新建 - 移动APP”

2:然后填写应用名称以及位置,默认空模板完成

3:默认生成以下文件,把除了unpackage和manifest.json以外的都删掉

4:把自己的项目文件全部放进来

5:双击打开manifest.json文件,页面入口默认是index.html,你可以把自己的首页改成index或者点选择选中.

6:在下面选择图标设置,点击+号选择你的app图标必须是.png格式的,选好后点击自动生成所有图标并替换

7:启动图片,启动选项默认就好

8:在unpackage下的res下新建个文件夹取名splash,把我们的app启动图片放进去(注意同样是.png格式的且注意尺寸大小)

9:选择相对应的尺寸大小的启动图片

10:SDK配置：工具自己的需要配置，没有就默认就行。
11:模块权限配置:一样有需要就配置，没有就默认就行。(报黄报红的要删掉)

12:页面引用关系,点击确定

13:点击发行 - 发行为原生安装包

14:选择好后点击打包

15:点击确认就完成了.

16:看下效果,点击手动下载

17:我直接在虚拟器上安装了,懒的发送到手机了

启动画面

app里面的效果

电脑上的效果

使用HBuilder打包App教程(图文教程)相关推荐

vs2017编写的html需要打包,VS2017 安装打包插件的图文教程
安装打开VS2017:工具 --> 扩展和更新 --> 联机,搜索Microsoft Visual Studio 2017 Installer Projects,如下图: 在搜索中输入: ...
QT5.10.0安装教程图文教程以及安装成功QT5.10.0后环境配置图文步骤
引用:https://www.cnblogs.com/chenmingjun/p/8392713.html QT5.10.0安装教程图文教程以及安装成功QT5.10.0后环境配置图文教程文章目录 Q ...
网址打包（详细图文教程！）使用HBuilder将网址打包成app
使用HBuilder将网址打包成app 使用工具:HBuilder 附上链接:https://www.dcloud.io/hbuilderx.html 教程目的:将封装好的项目网址打包成一个app,即 ...
vue项目使用Hbuilder打包苹果IOS-App详细教程
本文主要记录一下本人使用vue开发的移动端App使用Hbuilder打包成苹果IOS-App的详细步骤,仅供参考,如有不足,请指教. 打包苹果IOSapp首先需要准备以下几项东西: 1.已经编写好的v ...
iphone换android app图标,iPhone更换App图标图文教程
想让自己的iPhone变得更加个性化?让我们从替换App图标开始,将官方下载的App应用图标换成我们自己喜欢的个性时尚的图片绝对是个不错的主意,下面PC6小编给大家放几张效果图,顺便带来iOS系统越狱 ...
vue项目（webpack+mintui），使用hbuilder打包app - 小小人儿大大梦想 - 博客园
一.配置config/index.js 本人没有配置index.js文件,就开始进行了打包,结果最终效果是页面空白,解决了空白,接着底部图标(我是用的阿里巴巴图片)资源找不到.所以配置这步比较重要. ...
android4.0教程,图文教程现身，在Win7等系统里跑起Android4.0
Win7之家( www.win7china.com):图文教程现身,在Win7等系统里跑起Android4.0 去年的时候,软媒给大家介绍和推荐过如何在Windows下直接全屏使用安卓应用,当时是用到 ...
OllyDBG破解入门教程[图文]教程
OllyDBG破解入门教程[图&文]教程 OllyDBG破解入门教程![图&文]2008-11-06 18:50 一.OllyDBG 的安装与配置 OllyDBG 1.10 版的发布 ...
VisualStudioCode下载安装与安装中文插件教程(图文教程)
场景前端开发除了使用Webstorm之外还可以使用更轻量级的VisualStudioCode. VSCode官网下载: https://code.visualstudio.com/Download ...
AndroidStudio下载安装教程(图文教程)
场景 Android Studio 中文社区: http://www.android-studio.org/ 下载安装包,这里选择64位Windows 等待下载完成. 注: 博客: https://b ...

使用HBuilder打包App教程(图文教程)

使用HBuilder打包App教程(图文教程)相关推荐

最新文章

热门文章