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