我們打包APP需要用到HBuilder,所以先講解如何安裝使用
HBuilder的下載與安裝
HBuilder的官網(wǎng)下載地址:https://www.dcloud.io/
![](/d/20211017/7acfcef52680b8d4b6ceb0b82ea6f22f.gif)
![](/d/20211017/8d85f8c8952fe341f118ed255207765f.gif)
點擊DOWNLOAD后會彈出如上顯示的兩種版本下載
Windows版 和 MacOS版 根據(jù)我們電腦版本下載即可,我們一定要下載標(biāo)準(zhǔn)版哦(正式版中的)
我這里是Windows系統(tǒng),所以我選擇的是window版
下載完是一個壓縮包
![](/d/20211017/c45982ea2122dff6110df3834d88eb99.gif)
右擊壓縮一下即可
![](/d/20211017/a0b37ec71f27806b59b72f3a6981b257.gif)
打開文件夾后找到如下HBuilderX.exe文件
![](/d/20211017/d627d4bbfa0b25d911249c9322fd7902.gif)
雙擊即可運行 為了方便我們可以右擊發(fā)送到桌面快捷方式
![](/d/20211017/27b330295432a91f203fb1124a70f89f.gif)
HBuilder的使用
打開后就是這樣了,可以點擊右下角登錄哦
![](/d/20211017/772fd9396ed6327b59e532afafd3f602.gif)
使用
創(chuàng)建項目
![](/d/20211017/d8e7706d447caa55f5234e607d00ab03.gif)
![](/d/20211017/a2c1173c4f68bafb037c1589221d5fd0.gif)
點擊創(chuàng)建即可
結(jié)構(gòu)
![](/d/20211017/4272c22a288ac4db184f61776c755379.gif)
如果想創(chuàng)建更多文件可以右擊
![](/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)
安卓包內(nèi)設(shè)置樣式
![](/d/20211017/d474ff8d493ea9d8afcfa700d88cb27e.gif)
蘋果包設(shè)置樣式
![](/d/20211017/88905608a62250746e9db64df60cc0e1.gif)
注意:蘋果包必須有證書才可以
這里我就做這些選擇了
![](/d/20211017/7504e96374d50f29e822e54fc16d5dc3.gif)
![](/d/20211017/465535c435ece24cba00018065489e40.gif)
![](/d/20211017/753e807a5c4c8e58eaa0fedf84949cfd.gif)
繼續(xù)打包即可
![](/d/20211017/c18aa4dce4a449c1e680af24089a41c5.gif)
等到百分百即可上傳開始打包APP
![](/d/20211017/c6cdc1fd2b13a139dcc8c8808db0dd59.gif)
開始進行打包
![](/d/20211017/3a2c2e094614e97b0cc7c3a043385e9d.gif)
返回下載地址就代表成功了
點擊下載地址即可下載
然后發(fā)送到手機上即可安裝
到此這篇關(guān)于手把手教你學(xué)會HBuilder打包APP的文章就介紹到這了,更多相關(guān)HBuilder打包APP內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
您可能感興趣的文章:- 淺談vue項目利用Hbuilder打包成APP流程,以及遇到的坑
- vue-cli或vue項目利用HBuilder打包成移動端app操作
- 初試vue-cli使用HBuilderx打包app的坑
- vue項目中使用Hbuilder打包app 設(shè)置沉浸式狀態(tài)欄的方法
- 利用HBuilder打包前端開發(fā)webapp為apk的方法
- HBuilder打包App方法(圖文教程)