dcloudio/uni-app

JavaScriptuniapp.dcloud.io
AndroidiOS

A cross-platform framework using Vue.js

uni-appvueminiprogramjavascriptuniappunihbuilderxvue3androidcross-platformcrossplatformios
Crecimiento de estrellas
Estrellas
41.6k
Forks
3.7k
Crecimiento semanal
+0
Issues
696
20k40k
jul 2018mar 2021dic 2023sept 2026
Artefactosnpm
README

简体中文 | English

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

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

uni-appuni-appuni-app x

  • uni-app:老一代uni-app,App引擎采用与小程序相同的技术架构,逻辑层使用js,渲染层使用web-view。
  • uni-app x:新一代 uni-app,也是本项目的主分支。蒸汽模式支持使用js/ts/uts开发页面,App平台使用原生渲染,但拥有比原生view体系更优秀的渲染性能。
  1. 在view和text组件性能测试中,uni-app x 在Android、iOS、鸿蒙 3个App平台的渲染速度是原生的2~3倍。
  2. 在长列表掉帧测试中,uni-app x 的长列表帧率,在Android、iOS、鸿蒙 3个App平台,是原生的2~4倍。

除了view、text、list,还有更多评测内容,详见benchmark目录下的3个平台的评测报告。

uts是一门类ts的、跨平台的语言。uts在Android平台编译为kotlin、在iOS平台编译为swift、在鸿蒙next平台上编译为ArkTS、在Web和小程序平台编译为js。uts语言主要用于原生插件扩展。

uni-app在手,做啥都不愁。不管用户需要做哪个平台的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。

即使不跨端,uni-app也是更好的小程序开发框架、更好的App开发框架、更方便的Web开发框架。

  • 更好的小程序框架:vue的通用性、生态,比小程序厂商自定语法要好的多。
  • 更好的App框架:vue的模板写法,是一种AI熟悉的、简单而成熟的声明式写法。比如原生的命令式写法的开发效率高的多,而原生提供的声明式写法又性能不佳。在AI时代,由于声明式的约束,让AI犯错的机会也少的多、消耗的token也少的多。

uni-app是一个AI友好的技术框架,使用AI擅长的vue、js/ts、css即可完成应用开发。uni-app还为AI模型训练提供了强化学习工具,详见。同时DCloud公司提供了uni-agent,可以更方便的使用AI开发uni-app

快速体验

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个终端模拟器):

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

Repositorios relacionados
buuing/lucky-canvas

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

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

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

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

uni-app框架演示示例

VuetutorialMIT 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.8k392
Moonofweisheng/wot-design-uni

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

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

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

VueMIT Licensetemplateuniapp
unibest.tech
2.2k262
dcloudio/uni-ui

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

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

Bring Tailwind CSS to every platform! 把 Tailwind CSS 的原子化开发体验带到全端!

TypeScriptnpmMIT Licensempweapp
tw.weapp.dev
1.9k102
raodv/captcha

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

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

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

JavaMavenApache License 2.0javaspring-boot
eatoffer.cn
1.6k601
SmileZXLee/uni-z-paging

【uni-app下拉刷新、上拉加载】高性能,全平台兼容(ios、安卓、鸿蒙next、h5以及各家小程序)。支持vue、nvue、vue2、vue3,使用wxs+renderjs实现。支持虚拟列表,支持自定义下拉刷新、上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持国际化等数百项配置,流畅渲染百万级列表数据。

JavaScriptnpmlibraryMIT Licenseuni-apppaging
z-paging.zxlee.cn
1.5k101