Uniapp 开发神器,效率翻倍!

开发 前端
wot-design-uni 组件库基于 vue3+Typescript 构建,参照 wot design 的设计规范进行开发,提供70+高质量组件,支持暗黑模式、国际化和自定义主题,旨在给开发者提供统一的UI交互,同时提高研发的开发效率。

本文来分享一些好用的 uniapp 开发工具,助力高效开发!

图片图片

模板

unibest

unibest 是一个 uniapp 开发模板,由 uniapp + Vue3 + Ts + Vite5 + UnoCss + wot-ui + z-paging 构成,使用了最新的前端技术栈,无需依靠 HBuilderX,通过命令行方式运行 web、小程序 和 App。unibest 内置了约定式路由、layout布局、请求封装、请求拦截、登录拦截、UnoCSS、i18n多语言等基础功能,提供了 代码提示、自动格式化、统一配置、代码片段等辅助功能,让你编写 uniapp 拥有 best 体验 。

图片图片

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

vitesse-uni-app

由 Vite & uni-app 驱动的跨端快速启动模板,背靠 Uni Helper 团队,告别 HBuilderX ,拥抱现代前端开发。

图片图片

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

UI 组件库

Wot Design Uni

wot-design-uni 组件库基于 vue3+Typescript 构建,参照 wot design 的设计规范进行开发,提供70+高质量组件,支持暗黑模式、国际化和自定义主题,旨在给开发者提供统一的UI交互,同时提高研发的开发效率。

图片图片

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

uView

uView是uni-app生态专用的UI框架。自发布以来,uView以其全面的组件和便捷的工具赢得了广泛的认可,被认为是uni-app生态最优秀的UI框架之一。

图片图片

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

ThorUI

ThorUI 轻量、简洁、全面的移动端组件库。能大幅提升开发效率,包含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 分页组件,支持自定义下拉刷新、上拉加载更多、虚拟列表、下拉进入二楼、自动管理空数据图、无闪动聊天分页、本地分页、国际化等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开发的适用于所有前端应用的图表库,开发者编写一套代码,可运行到 Web、iOS、Android(基于 uni-app / taro )、以及各种小程序、快应用等更多支持 canvas API 的平台,uniapp可视化首选组件。

图片图片

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

uQRCode

uQRCode是一款基于Javascript环境开发的二维码生成插件,适用所有Javascript运行环境的前端应用和Node.js。

图片图片

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

lucky-canvas

基于 TS + Canvas 开发的【大转盘 / 九宫格 】抽奖插件,一套源码适配多端框架 JS / Vue / React / Taro / UniApp / 微信小程序等,奖品 / 文字 / 图片 / 颜色 / 按钮均可配置,支持同步 / 异步抽奖,概率前 / 后端可控,自动根据 dpr 调整清晰度适配移动端。

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

uni-pay

更简单的支付接口调用方式、拉齐不同支付平台。

图片图片

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 小程序预设,在 taro uniapp 原生小程序中使用 unocss。

图片图片

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

VSCode 插件

uni-create-view

快速创建 uniapp 视图与组件,在 VS Code 右键目录文件夹快速创建页面与组建,创建视图页面时将自动添加 pages.json 中。

图片图片

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

uni-helper

增强 uni-app 系列产品在 VSCode 内的体验。

图片图片

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

uniapp 小程序扩展

一个灵活、好用、持续维护的 uniapp 小程序拓展,自动提示标签可用属性,鼠标悬浮查询属性文档,支持 uview 的组件提示。

图片图片

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


责任编辑:武晓燕 来源: 前端充电宝
相关推荐

2023-08-10 13:42:36

谷歌ProjectVM

2019-11-27 10:08:36

程序员技能开发者

2020-12-13 17:54:36

开发人员

2020-11-25 19:57:15

开发技能代码

2023-11-22 08:26:03

HutoolJava工具集

2023-07-04 08:19:25

IDEA插件

2020-08-05 07:50:40

开发编辑器技术

2022-04-20 09:26:08

Mock前端开发工具

2024-03-08 09:35:25

2024-12-20 12:30:00

Python'|'代码

2024-07-25 14:40:35

浏览器插件Vimium C浏览器

2024-04-09 14:06:06

Git实用命令版本

2023-09-25 10:02:00

GitVS Code

2024-12-02 10:15:00

LLM模型

2023-09-12 23:15:08

Shell脚本

2024-12-02 18:16:56

2023-08-01 10:31:03

工具平台插件化

2023-05-04 12:41:30

ChatGPTSQL数据分析

2023-04-27 13:16:45

2021-09-08 09:37:54

工具代码Python
点赞
收藏

51CTO技术栈公众号