由于本人開(kāi)發(fā)的小程序大部分都是通過(guò)uniapp開(kāi)發(fā)的，但是又有部分對(duì)uniapp的整理安裝流程不大熟悉，所以這次給大家寫(xiě)一個(gè)簡(jiǎn)單完整的使用教程。

下載uniapp專(zhuān)用開(kāi)發(fā)工具

uniapp是由DCloud公司推出的一款前端應(yīng)用的框架，所以需要專(zhuān)屬的開(kāi)發(fā)工具來(lái)開(kāi)發(fā)并編譯，該開(kāi)發(fā)工具為：HBuilderX。

下載地址：https://www.dcloud.io/hbuilderx.html

下載后使用下面如下圖所示：

新建或?qū)腠?xiàng)目源碼

新建

如果你想要?jiǎng)?chuàng)建一個(gè)屬于自己的項(xiàng)目，就可以通過(guò)新建的方式，可以點(diǎn)擊開(kāi)發(fā)工具中心區(qū)域的新建項(xiàng)目，或者導(dǎo)航菜單的文件-新建項(xiàng)目，進(jìn)行新建，選擇uniapp，若需要使用云開(kāi)發(fā)，直接勾選左下角的阿里云或騰訊云即可。

導(dǎo)入

如果你的源碼是從其他地方得來(lái)的，比如從博主這里購(gòu)買(mǎi)的，那么你就需要通過(guò)導(dǎo)入的方式進(jìn)行操作，很簡(jiǎn)單，可以直接將源碼目錄直接拖拽到開(kāi)發(fā)工具中，也可以通過(guò)導(dǎo)航菜單的文件-導(dǎo)入-從本地目錄導(dǎo)入，然后選擇你的文件夾即可。

源碼的修改與編譯

修改

一般如果不是自己新建的源碼，項(xiàng)目需要修改部分參數(shù)才可以使用，特別是云開(kāi)發(fā)項(xiàng)目，如果不做必要修改，是無(wú)法正常運(yùn)行的。uniapp應(yīng)用標(biāo)識(shí)是必須要修改的，uniapp項(xiàng)目的整體結(jié)構(gòu)與小程序相似，修改應(yīng)用標(biāo)識(shí)需要在根目錄中的manifest.json文件中進(jìn)行修改，點(diǎn)擊該文件，開(kāi)發(fā)工具將該文件做了可視化處理，所以修改起來(lái)非常簡(jiǎn)單，一些其他參數(shù)都可以在這個(gè)文件中修改。

一些其他非必要的信息(頁(yè)面標(biāo)題等信息)一般會(huì)存在page.json文件中，也可以進(jìn)入文件進(jìn)行修改。

編譯

uniapp是一套基于vue.js的框架，可以同時(shí)兼容各個(gè)小程序或APP平臺(tái),但是其開(kāi)發(fā)的代碼需要編譯成對(duì)于平臺(tái)的代碼才可以進(jìn)行使用。點(diǎn)擊導(dǎo)航菜單中的發(fā)布選擇對(duì)應(yīng)平臺(tái)，便可以快速編譯出自己想要平臺(tái)的源碼，然后將源碼拿到對(duì)應(yīng)的開(kāi)發(fā)工具中進(jìn)行使用就大功告成了。

這里基本就結(jié)束了整個(gè)uniapp的完成開(kāi)發(fā)流程了，其他細(xì)節(jié)問(wèn)題，在之后的文章中會(huì)進(jìn)行介紹，請(qǐng)多多關(guān)注本站，為您提供優(yōu)質(zhì)內(nèi)容。

---

本文由陽(yáng)光藝創(chuàng)站 - 安好成功屋原創(chuàng)發(fā)布，轉(zhuǎn)載請(qǐng)注明來(lái)源！

總結(jié)

以上是生活随笔為你收集整理的uniapp 可视化开发_uniapp的简单安装流程使用教程的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。