랭킹으로 돌아가기

dcloudio/uni-app

Objective-Cuniapp.dcloud.io

A cross-platform framework using Vue.js

uni-appvueminiprogramjavascriptuniappunihbuilderxvue3androidcross-platformcrossplatformios
스타 성장
스타
41.6k
포크
3.7k
주간 성장
이슈
688
20k40k
2018년 7월2021년 3월2023년 11월2026년 7월
README

简体中文 | English

uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、鸿蒙、Web(响应式)、以及各种小程序(微信/支付宝/百度/抖音/飞书/QQ/快手/钉钉/淘宝/京东/小红书)、快应用、鸿蒙元服务等多个平台。

DCloud公司拥有上千万开发者、数百万应用、几十亿手机端月活用户、数万款uni-app插件,开发者可以放心选择。

uni-appuni-appuni-app x

  • uni-app:基于前端技术栈,App引擎采用与小程序相同的技术架构,逻辑层使用js,渲染层使用web-view。
  • uni-app x:是新一代 uni-app,基于uts语言和uvue原生渲染引擎。

uts是一门类ts的、跨平台的语言。

uts在Android平台编译为kotlin、在iOS平台编译为swift、在鸿蒙next平台上编译为ArkTS、在Web和小程序平台编译为js。

uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的Web开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。

快速体验

hello uni-app x 示例效果图

注:
- 某些平台不能提交简单demo,故补充了一些其他功能;hello uni-app (x)示例代码可从 github 获取
- 快应用仅支持 vivo 、oppo、华为

仓库介绍

uni-app x 分支,为 uni-app x 版本的开源仓库。

uni-app,分 vue2 和 vue3,分支分别是:uni-app-vue2、uni-app-vue3。

uni-app x分支目录说明:

  • benchmark 目录下为性能评测报告
  • docs 目录为文档
  • examples 目录为示例项目
  • src 目录为源码
  • test 目录为测试例
  • CHANGELOG.md 为更新日志

一套代码,运行到多个平台

uni-app实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到iOS模拟器、Android模拟器、web、微信开发者工具、支付宝小程序Studio、百度开发者工具、抖音开发者工具、QQ开发者工具(底部每个终端选项卡,代表1个终端模拟器):

实际运行效果如下(点击图片可放大):

관련 저장소
buuing/lucky-canvas

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

TypeScriptnpmApache License 2.0vuelucky-draw
100px.net
8.7k1k
jin-yufeng/mp-html

小程序富文本组件,支持渲染和编辑 html,支持在微信、QQ、百度、支付宝、头条和 uni-app 平台使用

JavaScriptnpmMIT Licenseminiprogramrich-text
jin-yufeng.github.io/mp-html
3.7k528
dcloudio/hello-uniapp

uni-app框架演示示例

VueMIT Licensevueuni-app
uniapp.dcloud.net.cn
3k1.7k
codercup/unibest

unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite4 + UnoCss + UniUI 驱动的跨端快速启动模板,使用 VS Code 开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写 uniapp 拥有 best 体验。

TypeScriptnpmMIT Licensetemplateuni-app
codercup.github.io/unibest-docs/
2.9k291
dingyong0214/ThorUI-uniapp

ThorUI组件库,轻量、简洁的移动端组件库。组件文档地址:https://thorui.cn/doc

VueMIT Licenseuni-appvue
2.8k391
Moonofweisheng/wot-design-uni

一个基于Vue3+TS开发的uni-app组件库,提供70+高质量组件,支持暗黑模式、国际化和自定义主题。

TypeScriptnpmMIT Licenseuni-appvue3
wot-ui.cn
2.3k339
feige996/unibest

【这是新仓库,codercup那个进不去不维护了。】unibest - 最好用的 uniapp 开发框架。unibest 是由 uniapp + Vue3 + Ts + Vite5 + UnoCss + WotUI 驱动的跨端快速启动模板,使用 VS Code 开发,具有代码提示、自动格式化、统一配置、代码片段等功能,同时内置了大量平时开发常用的基本组件,开箱即用,让你编写 uniapp 拥有 best 体验。

TypeScriptnpmMIT Licensetemplateuniapp
unibest.tech
2.2k261
dcloudio/uni-ui

基于uni-app的、全端兼容的、高性能UI框架

JavaScriptnpmMIT Licenseui-kitui-library
uniapp.dcloud.io/component/uniui/uni-ui.html
2.1k667
sonofmagic/weapp-tailwindcss

weapp-tailwindcss - bring tailwindcss to weapp ! 把 tailwindcss 原子化思想带入小程序开发吧 !

TypeScriptnpmMIT Licensempweapp
tw.icebreaker.top
1.8k99
raodv/captcha

行为验证码(滑动拼图、点选文字),前后端(java)交互,包含h5/Android/IOS/flutter/uni-app的源码和实现

JavaMavenApache License 2.0javavue
captcha.anji-plus.com
1.7k373
ZainZhao/HIS

HIS英文全称 hospital information system(医疗信息就诊系统),系统主要功能按照数据流量、流向及处理过程分为临床诊疗、药品管理、财务管理、患者管理。诊疗活动由各工作站配合完成,并将临床信息进行整理、处理、汇总、统计、分析等。本系统包括以下工作站:门诊医生工作站、药房医生工作站、医技医生工作站、收费员工作站、对帐员工作站、管理员工作站。需求为东软提供的云医院。

JavaMavenApache License 2.0javaspring-boot
eatoffer.cn
1.6k594
anji-plus/captcha

行为验证码(滑动拼图、点选文字),前后端(java)交互,包含h5/Android/IOS/flutter/uni-app的源码和实现

JavaMavenApache License 2.0javavue
captcha.anji-plus.com
1.5k335