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

如何將html打包成一個app？

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

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

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

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

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

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

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

1、我們中,選擇第二個uni-app

2、寫好項目名稱

3、你選存放路徑

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

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

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

再點開manifest.json文件，改基礎(chǔ)配置，把app修改成自己的名字和在用自己頭像做圖標，

我們這里填寫好應(yīng)用名稱和描述，第一項app應(yīng)用標識是云端資源的，不需要我們不自動填好；

配置安裝好到手機上的圖標，因為小編手機是安卓機，所以我這里你選了安卓圖標配置，中,選擇的圖標據(jù)重新指定的尺寸大小做好對應(yīng)的圖標：

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

那樣就差不多吧了，點擊需要保存；

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

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

點擊鏈接就可以不直接下載apk包了：

過了一會兒我們把可以下載過來的apk包傳到手機上就這個可以按裝了。這是我早就完全安裝好了的截圖：

這里因為uni-app設(shè)置為使用流動的布局，所以這里所有的li都顯示到了一行；

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

會不會很棒，小伙伴們，慌忙手里自己的手機安裝一個都屬于自己的app吧。

html怎么把三個標簽放在一行？

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