一、前言
移動(dòng)web時(shí)代，手機(jī)的興起使得大部分在手機(jī)上的應(yīng)用開(kāi)發(fā)變得如火如荼，然而傳統(tǒng)的app開(kāi)發(fā)需要掌握的知識(shí)點(diǎn)繁多，開(kāi)發(fā)周期特別漫長(zhǎng)，為了解決這個(gè)問(wèn)題，webapp應(yīng)運(yùn)而生，它使得app開(kāi)發(fā)的難度大幅度降低，只要你懂前端就可以開(kāi)發(fā)app；然而由于技術(shù)的更迭，不光出現(xiàn)了app，還有小程序以及一些網(wǎng)站，于是，很多人瞄準(zhǔn)了多端應(yīng)用市場(chǎng)，所謂多端指的是一套代碼多個(gè)平臺(tái)運(yùn)行，比如我在DCloud上寫(xiě)了一個(gè)應(yīng)用，我可以把它打包為小程序、網(wǎng)站和App，這樣就減少了我們開(kāi)發(fā)的難度和時(shí)間，目前最火的要屬DCloud和APICloud了，由于uniapp是基于DCloud，所以咱們今天所講的內(nèi)容全部基于DCloud平臺(tái)，好了，下面讓我們一起進(jìn)入到今天的課題中吧。
二、安裝開(kāi)發(fā)工具Hbuilderx
這個(gè)就是我們今天的主人翁，往后我們會(huì)一直用這個(gè)工具開(kāi)發(fā)app甚至小程序和網(wǎng)站，下載地址：https://www.dcloud.io/hbuilderx.html，下載好后直接安裝即可，安裝好后界面是這樣的，如圖：
安裝完畢之后需要我們?cè)偃ド暾?qǐng)注冊(cè)一個(gè)DCloud的賬號(hào)用于登錄，這個(gè)很簡(jiǎn)單，就不說(shuō)了。
三、創(chuàng)建第一個(gè)uniapp應(yīng)用
首先我們新建一個(gè)目錄，如圖：
然后選擇uniapp，如圖：
此時(shí)我們先填寫(xiě)項(xiàng)目名稱，然后選擇項(xiàng)目的目錄，最后我們可以選擇一個(gè)合適的模板，或者是空模板，這里我們我們?yōu)榱松鲜址奖氵x擇hello uni-app這個(gè)模板，選擇的這個(gè)模板里面的內(nèi)容是uni-app中的所有組件的使用方法，如圖：
當(dāng)我們點(diǎn)擊創(chuàng)建后就會(huì)自動(dòng)生成一個(gè)目錄了，如圖：
通過(guò)目錄里面的文件夾名我們可以了解到，應(yīng)用的界面其實(shí)是放在pages文件夾里的，所以我們隨便點(diǎn)擊一個(gè)pages里的文件，然后將其運(yùn)行在內(nèi)置瀏覽器中，如圖：
四、打包app
當(dāng)我們做完這一切之后就可以發(fā)布這個(gè)app，在發(fā)布之前我們還可以對(duì)這個(gè)App的其它設(shè)置進(jìn)行一些調(diào)整，如圖：
調(diào)整好之后，我們就可以來(lái)打包了，如圖：
這里有三個(gè)選項(xiàng)，云打包、本地打包和制作應(yīng)用wgt包，這三個(gè)選項(xiàng)是什么意思了，首先，云打包可以不用在電腦上安裝任何sdk就能制作一個(gè)app，而本地打包就麻煩點(diǎn)，需要我們下載Android studio然后還有一些sdk才能打包好，過(guò)程比較繁瑣；至于wgt包，制作好了之后可以進(jìn)行同步更新并且不用用戶再度下載，非常的方便。因此這里我們選擇云打包，如圖：
可以看到有些平臺(tái)的apk打包成功了，不過(guò)有些失敗的，不去糾結(jié)那么多，我們直接把這些apk安裝到手機(jī)上即可使用。
五、總結(jié)
本文主要和大家講的就是關(guān)于uniapp的制作和打包，可以看到，uniapp讓我們輕松做到了從零基礎(chǔ)到開(kāi)發(fā)app。更多精彩好文敬請(qǐng)關(guān)注公眾號(hào)簡(jiǎn)易編程網(wǎng)。
版權(quán)聲明：本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn)，該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容， 請(qǐng)發(fā)送郵件至 舉報(bào)，一經(jīng)查實(shí)，本站將立刻刪除。