用HBuilder打包簡單項目(vue項目)APP的步驟

今天 小姐姐給你們分享下本身這兩天用HBuilder封裝APP的具體步驟,本身也作個小筆記vue


明天三八,,農曆二月二(要吃豆豆哦)
提早祝你們節日快樂!
  1. 第一步首先打包好本身的項目(vue開發的項目),打開編輯器打開打包好的dist文件,填寫項目名稱,點擊完成,(如圖所示)

圖片描述

圖片描述


2.選中指定目錄,右鍵單擊下拉列表中:選擇‘轉換成移動APP’選項,彈框點擊肯定(如圖所示)git

圖片描述

圖片描述


3.這時會生成manifest.json文件,打開進行詳細設置,如圖標、描述等詳情設置,設置完成後,保存。
圖片描述github


4.菜單項點擊‘發行->雲打包-打原生安裝包’,出現以下圖2所示彈框,取消廣告勾選項,點擊打包,彈窗圖3所示,點擊‘沒有缺乏,繼續打包’,等待打包完成。json

標題文字

圖片描述
圖片描述

圖片描述


5.打包完成後如圖一所示點擊彈窗‘肯定’按鈕查看打包狀態信息,圖二顯示打包列表信息,點擊右側手動下載,展現以下圖三所示,保存安裝包到目標文件,發送到手機端安裝便可運行。
圖片描述
圖片描述編輯器

圖片描述


**ui

案例github地址: https://github.com/wangruifan...

**spa

相關文章
相關標籤/搜索