如何使用HBuilderX把vue項(xiàng)目打包成apk
1. 下載HBuilderX
官網(wǎng)下載地址：https://www.dcloud.io/hbuilderx.html
2. 安裝HBuilderX
官網(wǎng)安裝說明：https://hx.dcloud.net.cn/Tutorial/install/windows
3. 在vscode中打包vue項(xiàng)目
3.1 在打包vue項(xiàng)目之前
需要修改以下幾處配置：
（1）config\index.js
把build下面的assetsPublicPath的值，從’/‘改為’./’：
（2）src/router/index.js
mode如果是history，注釋掉。
根目錄直接指向想要的畫面。
（3）build\utils.js
找到圖中的if代碼，添加以下語句（以防css里找不到資源文件）：
publicPath: '../../'
3.2 執(zhí)行打包命令
node build/build.js
在根目錄下面會生成dist目錄。
4. 在HBuilderX中打包apk
4.1 在HBuilderX中新建一個項(xiàng)目
4.2 把之前打包的dist下的內(nèi)容拷貝到此工程下面
4.3 刪除不要的目錄
4.4 點(diǎn)擊：manifest.json，進(jìn)行以下配置
（1）應(yīng)用標(biāo)識
此處需要注冊HBuilder賬號，來獲取AppID。
（2）圖標(biāo)配置
選擇一個1024*1024的圖標(biāo)，然后勾選：【自動生成所有圖標(biāo)并替換】
（3）在【源碼視圖】的plus屬性中，增加以下代碼：
"statusbar" : {
//應(yīng)用可視區(qū)域到系統(tǒng)狀態(tài)欄下透明顯示效果
"immersed" : true
},
項(xiàng)目上點(diǎn)右鍵→【發(fā)行】→【原生App-云打包】
選擇【使用公共測試證書】。去掉廣告的勾。按下【打包】
【繼續(xù)打包】
根據(jù)提示查看打完的包，就OK了。
注意：每天免費(fèi)打包的次數(shù)是有限的，且用且珍惜。
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue實(shí)現(xiàn)導(dǎo)入Excel功能步驟詳解
這篇文章主要介紹了Vue實(shí)現(xiàn)導(dǎo)入Excel功能,本文分步驟給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-07-07
Vue3 在經(jīng)過多個開發(fā)版本的迭代后,終于迎來了它的正式版本,下面這篇文章主要給大家介紹了關(guān)于如何使用vue3實(shí)現(xiàn)一個人喵交流小程序的相關(guān)資料,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了vue一直自動換行的問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家介紹了axios攔截器工作原理源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
這篇文章主要介紹了vue中v-html妙用及空白行消除方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
一文詳解vue3項(xiàng)目實(shí)戰(zhàn)中的接口調(diào)用
在企業(yè)開發(fā)過程中,往往有著明確的前后端的分工,前端負(fù)責(zé)接收、使用接口,后端負(fù)責(zé)編寫、處理接口,下面這篇文章主要給大家介紹了關(guān)于vue3項(xiàng)目實(shí)戰(zhàn)中的接口調(diào)用的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細(xì)介紹了vue選項(xiàng)卡切換登錄方式小案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要為大家詳細(xì)介紹了vue+F2生成折線圖的方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
VUE在線調(diào)用阿里Iconfont圖標(biāo)庫的方法
這篇文章主要介紹了VUE在線調(diào)用阿里Iconfont圖標(biāo)庫的方法,內(nèi)容是圍繞VUE前端和阿里Iconfont圖標(biāo)庫展開的，經(jīng)歷了從網(wǎng)站上東拼西湊圖標(biāo)的時代，大概是15~16年左右我開始解除阿里Iconfont圖標(biāo)庫，剛開始就只會下載圖標(biāo)使用，需要的朋友可以參考下2021-10-10
Vue export import 導(dǎo)入導(dǎo)出的多種方式與區(qū)別介紹
這篇文章主要介紹了Vue export import 導(dǎo)入導(dǎo)出的多種方式與區(qū)別介紹，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2020-02-02