本文來分享一些好用的 uniapp 開發(fā)工具，助力高效開發(fā)！

圖片

模板

unibest

unibest 是一個 uniapp 開發(fā)模板，由 uniapp + Vue3 + Ts + Vite5 + UnoCss + wot-ui + z-paging 構(gòu)成，使用了最新的前端技術(shù)棧，無需依靠 HBuilderX，通過命令行方式運行 web、小程序 和 App。unibest 內(nèi)置了約定式路由、layout布局、請求封裝、請求攔截、登錄攔截、UnoCSS、i18n多語言等基礎(chǔ)功能，提供了 代碼提示、自動格式化、統(tǒng)一配置、代碼片段等輔助功能，讓你編寫 uniapp 擁有 best 體驗 。

圖片

Github：https://github.com/codercup/unibest

vitesse-uni-app

由 Vite & uni-app 驅(qū)動的跨端快速啟動模板，背靠 Uni Helper 團隊，告別 HBuilderX ，擁抱現(xiàn)代前端開發(fā)。

圖片

Github：https://github.com/uni-helper/vitesse-uni-app

UI 組件庫

Wot Design Uni

wot-design-uni 組件庫基于 vue3+Typescript 構(gòu)建，參照 wot design 的設(shè)計規(guī)范進行開發(fā)，提供70+高質(zhì)量組件，支持暗黑模式、國際化和自定義主題，旨在給開發(fā)者提供統(tǒng)一的UI交互，同時提高研發(fā)的開發(fā)效率。

圖片

Github：https://github.com/Moonofweisheng/wot-design-uni

uView

uView是uni-app生態(tài)專用的UI框架。自發(fā)布以來，uView以其全面的組件和便捷的工具贏得了廣泛的認可，被認為是uni-app生態(tài)最優(yōu)秀的UI框架之一。

圖片

Github：https://github.com/umicro/uView2.0

ThorUI

ThorUI 輕量、簡潔、全面的移動端組件庫。能大幅提升開發(fā)效率，包含uniapp與微信小程序原生版本組件庫！

圖片

Github：https://github.com/dingyong0214/ThorUI-uniapp

uni-ui

uni-ui 是 DCloud 提供的一個跨端ui庫，它是基于vue組件的、flex布局的、無dom的跨全端高性能 UI 框架。

圖片

Github：https://github.com/dcloudio/uni-ui

通用組件

z-paging

z-paging 是一個uni-app 分頁組件，支持自定義下拉刷新、上拉加載更多、虛擬列表、下拉進入二樓、自動管理空數(shù)據(jù)圖、無閃動聊天分頁、本地分頁、國際化等100+項配置。

圖片

Github：https://github.com/SmileZXLee/uni-z-paging

mp-html

一個強大的小程序富文本組件，支持渲染和編輯 html，支持在微信、QQ、百度、支付寶、頭條和 uni-app 平臺使用。

圖片

Github：https://github.com/jin-yufeng/mp-html

uCharts

uCharts 是一款基于canvas API開發(fā)的適用于所有前端應(yīng)用的圖表庫，開發(fā)者編寫一套代碼，可運行到 Web、iOS、Android（基于 uni-app / taro ）、以及各種小程序、快應(yīng)用等更多支持 canvas API 的平臺，uniapp可視化首選組件。

圖片

Gitee：https://gitee.com/uCharts/uCharts

uQRCode

uQRCode是一款基于Javascript環(huán)境開發(fā)的二維碼生成插件，適用所有Javascript運行環(huán)境的前端應(yīng)用和Node.js。

圖片

Github：https://github.com/Sansnn/uQRCode

lucky-canvas

基于 TS + Canvas 開發(fā)的【大轉(zhuǎn)盤 / 九宮格 】抽獎插件，一套源碼適配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等，獎品 / 文字 / 圖片 / 顏色 / 按鈕均可配置，支持同步 / 異步抽獎，概率前 / 后端可控，自動根據(jù) dpr 調(diào)整清晰度適配移動端。

Github：https://github.com/buuing/lucky-canvas

uni-pay

更簡單的支付接口調(diào)用方式、拉齊不同支付平臺。

圖片

https://gitcode.net/dcloud/uni-pay.git

uni-use

uni-app (vue3) 組合式工具集，類似于 Vueuse。

圖片

Github：https://github.com/unocss-applet/unocss-applet

uni-network

為 uni-app 打造的基于 Promise 的 HTTP 客戶端。

圖片

Github：https://github.com/uni-helper/uni-network

unocss-preset-weapp

unocss 小程序預(yù)設(shè)，在 taro uniapp 原生小程序中使用 unocss。

圖片

Github：https://github.com/MellowCo/unocss-preset-weapp

VSCode 插件

uni-create-view

快速創(chuàng)建 uniapp 視圖與組件，在 VS Code 右鍵目錄文件夾快速創(chuàng)建頁面與組建，創(chuàng)建視圖頁面時將自動添加 pages.json 中。

圖片

Github：https://github.com/uni-helper/uni-create-view

uni-helper

增強 uni-app 系列產(chǎn)品在 VSCode 內(nèi)的體驗。

圖片

Github：https://github.com/uni-helper/uni-helper-vscode.git

uniapp 小程序擴展

一個靈活、好用、持續(xù)維護的 uniapp 小程序拓展，自動提示標簽可用屬性，鼠標懸浮查詢屬性文檔，支持 uview 的組件提示。

圖片

Github：https://github.com/EvStorM/uniapp-vscode.git