一、寫(xiě)在前面?
大家好！我是初心，很高興再次和大家見(jiàn)面。
今天跟大家分享的文章是 如何將Vue項(xiàng)目打包成apk，即安卓安裝包 ，希望能幫助到大家！本篇文章收錄于 初心 的 安卓開(kāi)發(fā) 專欄。
?? 個(gè)人主頁(yè)：初心%個(gè)人主頁(yè)
?? 個(gè)人簡(jiǎn)介：大家好，我是初心，和大家共同努力
??歡迎大家：這里是CSDN，我記錄知識(shí)的地方，喜歡的話請(qǐng)三連，有問(wèn)題請(qǐng)私信??
事情是這樣的：遇到一個(gè)需求，希望將Vue項(xiàng)目發(fā)布為apk，于是開(kāi)始了解，下面是我整理的發(fā)布筆記，供大家參考。
二、Hbuilder X準(zhǔn)備??
為什么要使用Hbuilder X？ 因?yàn)镠builder X提供了發(fā)布為app的功能，所以這里選擇的是Hbuilder X。
2.1 Hbuilder X簡(jiǎn)介
Hbuilder X的宣言是：為極客、為懶人、為你，這是Hbuilder X的官網(wǎng)：Hbuilder X官網(wǎng)。
HBuilder是
DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫(xiě)用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫(xiě)，它基于Eclipse，所以順其自然地兼容了Eclipse的插件?？?，是HBuilder的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開(kāi)發(fā)效率。
Hbuilder X的優(yōu)點(diǎn)就是：一套代碼，多端運(yùn)行，可以同時(shí)生成ios，Android，H5，微信小程序，支付寶小程序，百度小程序。
代碼實(shí)現(xiàn)簡(jiǎn)單，開(kāi)發(fā)快速，官網(wǎng)提供很多組件，可以直接拿來(lái)用。
2.2 下載
HBuilderX下載地址：在HBuilder官網(wǎng)點(diǎn)擊免費(fèi)下載，下載最新版的HBuilder。
HBuilderX目前有兩個(gè)版本，一個(gè)是windows版，一個(gè)是mac版。下載的時(shí)候根據(jù)自己的電腦選擇適合自己的版本。
三、打包??
3.1 獲取dist目錄
前面我們講到如何使用 npm 命令將Vue項(xiàng)目打包，打包成功后生成了一個(gè) dist目錄 ，在這里發(fā)布為 app 也要用到這個(gè) dist 目錄。如果有不會(huì)打包的小伙伴可以參考我的這篇文章：將SpringBoot+Vue項(xiàng)目部署到服務(wù)器上。
3.2 新建5+app
打開(kāi)Hbuilder X，點(diǎn)擊文件，選擇新建項(xiàng)目，選擇5+app。
創(chuàng)建成功后，得到如下的文件目錄：
3.3 替換文件
將css，img，js，index.html文件刪除，只留下unpackage和manifest.json文件：
將dist目錄下的所有文件拷貝到文件根目錄下（我這里是test目錄）：
3.4 編寫(xiě)manifast.json文件
- 基礎(chǔ)配置
- 圖標(biāo)配置
- 模塊配置
- 其他配置
其他配置根據(jù)自己的需求進(jìn)行配置就好了。
將這些選項(xiàng)配置好之后，manifest.json文件就配置好了。
3.5 app云打包
點(diǎn)擊原生app-云打包：
如果是第一次打包，需要下載一些插件，下載即可。
打包成功之后就會(huì)生成一個(gè) apk 文件，大家就可以發(fā)送到手機(jī)安裝啦！
四、總結(jié)撒花??
本文主要講解了如何使用Hbuilder X將Vue項(xiàng)目打包成apk文件，用于app開(kāi)發(fā)。??
? 這就是今天要分享給大家的全部?jī)?nèi)容了，我們下期再見(jiàn)！??
?? 本文由初心原創(chuàng)，首發(fā)于CSDN博客， 博客主頁(yè)：初心%??
?? 我在CSDN等你哦！??文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-448043.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-448043.html
到了這里，關(guān)于安卓開(kāi)發(fā) | 將Vue項(xiàng)目打包為app的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
