如何將html打包成一個(gè)app？很多做web前端或是h5開(kāi)發(fā)app的人，都想自己做一個(gè)app安裝到自己的手機(jī)上，app改成自己的名字或則建議使用自己的頭像做圖標(biāo)，覺(jué)得是不是很xx，今天，我來(lái)教大家怎用

如何將html打包成一個(gè)app？

很多做web前端或是h5開(kāi)發(fā)app的人，都想自己做一個(gè)app安裝到自己的手機(jī)上，app改成自己的名字或則建議使用自己的頭像做圖標(biāo)，

覺(jué)得是不是很xx，今天，我來(lái)教大家怎用前端工具發(fā)郵箱自己的app；

必須，我們先可以下載工具HBuilderX，官網(wǎng)下載地址：；

打開(kāi)官網(wǎng)后我們?nèi)缓簏c(diǎn)擊下載：

在提示框的界面中你選自己電腦版本的軟件下載：

直接下載后真接下一步，下一步安裝表就行，因此我的電腦也直接安裝了，就不再繼續(xù)觀摩完全安裝過(guò)程，很很簡(jiǎn)單的，安裝過(guò)后是這個(gè)樣子的：

左鍵雙擊可以打開(kāi)軟件；建設(shè)項(xiàng)目，據(jù)圖中的步驟來(lái)你操作，

1、我們中,選擇第二個(gè)uni-app

2、寫(xiě)好項(xiàng)目名稱(chēng)

3、你選存放路徑

4、選擇類(lèi)型設(shè)置模板

點(diǎn)擊創(chuàng)建家族，正在此時(shí)我們能得到一個(gè)修改的項(xiàng)目結(jié)構(gòu)：

這里簡(jiǎn)單的說(shuō)一下，而且uni-app設(shè)計(jì)和實(shí)現(xiàn)vue.js來(lái)開(kāi)發(fā)完畢的，因此會(huì)vue的小伙伴們建議使用站了起來(lái)會(huì)很上手容易。我們是需要編輯的頁(yè)面就是在pages目錄中，這里我們?nèi)绾涡薷奈募缦聢D

再點(diǎn)開(kāi)manifest.json文件，改基礎(chǔ)配置，把a(bǔ)pp修改成自己的名字和在用自己頭像做圖標(biāo)，

我們這里填寫(xiě)好應(yīng)用名稱(chēng)和描述，第一項(xiàng)app應(yīng)用標(biāo)識(shí)是云端資源的，不需要我們不自動(dòng)填好；

配置安裝好到手機(jī)上的圖標(biāo)，因?yàn)樾【幨謾C(jī)是安卓機(jī)，所以我這里你選了安卓圖標(biāo)配置，中,選擇的圖標(biāo)據(jù)重新指定的尺寸大小做好對(duì)應(yīng)的圖標(biāo)：

假如是需要可以修改設(shè)置啟動(dòng)后圖標(biāo)是可以自己區(qū)設(shè)置直接修改。和直接修改app圖標(biāo)配置一般；

那樣就差不多吧了，點(diǎn)擊需要保存；

后來(lái)再點(diǎn)項(xiàng)目名，然后再工具欄上點(diǎn)擊“發(fā)行新——原生app云端發(fā)我”，后再在自動(dòng)彈出的界面能取消iOS取消勾選，Android使用互換證書(shū)，最下面是廣告，要是選項(xiàng)卡廣告的話這個(gè)可以賺收益的，最后我們?nèi)缓簏c(diǎn)擊“打包”

發(fā)到郵箱不需要幾分鐘，等一會(huì)兒我們就可以看到直接下載的界面：

點(diǎn)擊鏈接就可以不直接下載apk包了：

過(guò)了一會(huì)兒我們把可以下載過(guò)來(lái)的apk包傳到手機(jī)上就這個(gè)可以按裝了。這是我早就完全安裝好了的截圖：

這里因?yàn)閡ni-app設(shè)置為使用流動(dòng)的布局，所以這里所有的li都顯示到了一行；

以前變更土地性質(zhì)一個(gè)app，是需要一個(gè)安卓和一個(gè)IOS原生開(kāi)發(fā)，各自變更土地性質(zhì)一套以適應(yīng)有所不同的手機(jī)操作系統(tǒng)，這樣的話做給了的問(wèn)題那是是需要開(kāi)發(fā)完畢兩套完全不一樣的app，但是開(kāi)發(fā)成本和維護(hù)成本會(huì)大大增強(qiáng)；而近幾年緊接著前端技術(shù)的不斷發(fā)展，這一問(wèn)題是可以在前端關(guān)于完美解決；這給我們web前端的小伙伴受到了福音，開(kāi)發(fā)一套代碼可以變化莫測(cè)（安卓，iOS，小程序，h5）運(yùn)行程序；

會(huì)不會(huì)很棒，小伙伴們，慌忙手里自己的手機(jī)安裝一個(gè)都屬于自己的app吧。

html怎么把三個(gè)標(biāo)簽放在一行？

css設(shè)置里標(biāo)簽屬性float也可以flex布局