我们打包APP需要用到HBuilder,所以先讲解如何安装使用
HBuilder的下载与安装
HBuilder的官网下载地址:https://www.dcloud.io/
![](/d/20211017/7acfcef52680b8d4b6ceb0b82ea6f22f.gif)
![](/d/20211017/8d85f8c8952fe341f118ed255207765f.gif)
点击DOWNLOAD后会弹出如上显示的两种版本下载
Windows版 和 MacOS版 根据我们电脑版本下载即可,我们一定要下载标准版哦(正式版中的)
我这里是Windows系统,所以我选择的是window版
下载完是一个压缩包
![](/d/20211017/c45982ea2122dff6110df3834d88eb99.gif)
右击压缩一下即可
![](/d/20211017/a0b37ec71f27806b59b72f3a6981b257.gif)
打开文件夹后找到如下HBuilderX.exe文件
![](/d/20211017/d627d4bbfa0b25d911249c9322fd7902.gif)
双击即可运行 为了方便我们可以右击发送到桌面快捷方式
![](/d/20211017/27b330295432a91f203fb1124a70f89f.gif)
HBuilder的使用
打开后就是这样了,可以点击右下角登录哦
![](/d/20211017/772fd9396ed6327b59e532afafd3f602.gif)
使用
创建项目
![](/d/20211017/d8e7706d447caa55f5234e607d00ab03.gif)
![](/d/20211017/a2c1173c4f68bafb037c1589221d5fd0.gif)
点击创建即可
结构
![](/d/20211017/4272c22a288ac4db184f61776c755379.gif)
如果想创建更多文件可以右击
![](/d/20211017/bdd5eb276cd825d304cd91feff2d6ea7.gif)
其他的就不过多讲解了,说一下如何打包APP
打包APP
我们选择5+App(A) 类型
名称随意填写了
模板默认即可
![](/d/20211017/d229d66bf1d7bf483b7194b02715a789.gif)
![](/d/20211017/9dbb9bd4a504cc006f4df15a607de9ab.gif)
![](/d/20211017/b53d8ad0928c5a2ec3e7dcfaa656e777.gif)
![](/d/20211017/b7ddccbe8e96cc6e97dc0708eb74a48e.gif)
安卓包内设置样式
![](/d/20211017/d474ff8d493ea9d8afcfa700d88cb27e.gif)
苹果包设置样式
![](/d/20211017/88905608a62250746e9db64df60cc0e1.gif)
注意:苹果包必须有证书才可以
这里我就做这些选择了
![](/d/20211017/7504e96374d50f29e822e54fc16d5dc3.gif)
![](/d/20211017/465535c435ece24cba00018065489e40.gif)
![](/d/20211017/753e807a5c4c8e58eaa0fedf84949cfd.gif)
继续打包即可
![](/d/20211017/c18aa4dce4a449c1e680af24089a41c5.gif)
等到百分百即可上传开始打包APP
![](/d/20211017/c6cdc1fd2b13a139dcc8c8808db0dd59.gif)
开始进行打包
![](/d/20211017/3a2c2e094614e97b0cc7c3a043385e9d.gif)
返回下载地址就代表成功了
点击下载地址即可下载
然后发送到手机上即可安装
到此这篇关于手把手教你学会HBuilder打包APP的文章就介绍到这了,更多相关HBuilder打包APP内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
您可能感兴趣的文章:- 浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
- vue-cli或vue项目利用HBuilder打包成移动端app操作
- 初试vue-cli使用HBuilderx打包app的坑
- vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
- 利用HBuilder打包前端开发webapp为apk的方法
- HBuilder打包App方法(图文教程)