由于本人開發的小程序大部分都是通過uniapp開發的，但是又有部分對uniapp的整理安裝流程不大熟悉，所以這次給大家寫一個簡單完整的使用教程。

下載uniapp專用開發工具

uniapp是由DCloud公司推出的一款前端應用的框架，所以需要專屬的開發工具來開發并編譯，該開發工具為：HBuilderX。

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

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

新建或導入項目源碼

新建

如果你想要創建一個屬于自己的項目，就可以通過新建的方式，可以點擊開發工具中心區域的新建項目，或者導航菜單的文件-新建項目，進行新建，選擇uniapp，若需要使用云開發，直接勾選左下角的阿里云或騰訊云即可。

導入

如果你的源碼是從其他地方得來的，比如從博主這里購買的，那么你就需要通過導入的方式進行操作，很簡單，可以直接將源碼目錄直接拖拽到開發工具中，也可以通過導航菜單的文件-導入-從本地目錄導入，然后選擇你的文件夾即可。

源碼的修改與編譯

修改

一般如果不是自己新建的源碼，項目需要修改部分參數才可以使用，特別是云開發項目，如果不做必要修改，是無法正常運行的。uniapp應用標識是必須要修改的，uniapp項目的整體結構與小程序相似，修改應用標識需要在根目錄中的manifest.json文件中進行修改，點擊該文件，開發工具將該文件做了可視化處理，所以修改起來非常簡單，一些其他參數都可以在這個文件中修改。

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

編譯

uniapp是一套基于vue.js的框架，可以同時兼容各個小程序或APP平臺,但是其開發的代碼需要編譯成對于平臺的代碼才可以進行使用。點擊導航菜單中的發布選擇對應平臺，便可以快速編譯出自己想要平臺的源碼，然后將源碼拿到對應的開發工具中進行使用就大功告成了。

這里基本就結束了整個uniapp的完成開發流程了，其他細節問題，在之后的文章中會進行介紹，請多多關注本站，為您提供優質內容。

---

本文由陽光藝創站 - 安好成功屋原創發布，轉載請注明來源！

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。