uni-app

uni-app

Vue.js跨平台开发框架 实现多端统一部署

uni-app是基于Vue.js的跨平台开发框架,支持将代码编译到小程序、H5和App等14个平台。该框架具有性能高效、生态丰富的特点,通过vue-cli或HBuilderX可快速创建项目。uni-app拥有活跃的开发者社区、丰富的插件市场和案例展示,持续保持高频更新,为开发者提供了高效灵活的前端解决方案。

uni-app跨平台开发Vue.js前端框架小程序开发Github开源项目

uni-app

<p> 简体中文 | <a href="https://github.com/dcloudio/uni-app/blob/dev/README_en-US.md">English</a> </p>

uni-app 是一个使用 Vue.js 开发小程序、H5、App的统一前端框架。官网地址:https://uniapp.dcloud.io

开发者使用 Vue 语法编写代码,uni-app 框架将其编译到 小程序(微信/支付宝/百度/字节跳动/QQ/快手/钉钉/小红书)、App(iOS/Android)、H5等多个平台,保证其正确运行并达到优秀体验。

uni-app的特点

  • 开发者和案例更多:HBuilder装机量800万台,开发者社区月活百万,70多个QQ微信群承载10万人。案例众多,uni统计月活超10亿(详见
  • 性能更高(见评测
  • 更丰富的周边生态,插件市场数千款插件
  • 提供比小程序原生开发更好的开发体验、更高的工程化效率
  • 跨端抹平度更完善,且各端特色发挥更灵活,可真正实现一套代码多端覆盖,无需各端多头维护升级
  • 权威认可:阿里小程序官方工具内置uni-app(详见)、腾讯课堂官方自制uni-app培训视频(详见

扫码体验

开发一次,编译到14个平台。依次扫描14个二维码,亲自体验最全面的跨平台效果!

<div align="center"> <img src="https://web-ext-storage.dcloud.net.cn/doc/uni-support-platform-qrcode.jpg"/> </div>

注: 某些平台不能提交简单demo,补充了一些其他功能。

快速开始

uni-app支持通过vue-cli命令行、HBuilderX可视化界面两种方式快速创建项目:

项目案例

案例展示:uniapp.dcloud.io/case

欢迎提交你的应用,uni-app案例征集

需求墙

uni-app计划支持的功能点,会在需求墙上进行展示,征集开发者的投票意见,前往投票

更新日志

uni-app一直保持高频的更新迭代,详见正式版更新日志Alpha版更新日志

论坛

由于DCloud有70多个QQ、微信群,官方已无法维护更多交流群。请开发者到官方论坛交流:https://ask.dcloud.net.cn/explore/ 。论坛提供了比issues更专业的工具服务。

插件市场

uni-app有丰富的插件生态,众多开发者提交了数千款组件、sdk、项目模板,详见:https://ext.dcloud.net.cn/

除了众多三方ui库,官方还提供了uni-ui,在性能和跨端兼容方面有更强的优势。详见:https://ext.dcloud.net.cn/plugin?id=55

现有项目如何迁移到uni-app体系

常见疑问

  • 问:不同端有不同的需求、不同的特色,登录支付也不一样,如何统一?

  • 答:差异部分使用条件编译。uni-app提供了灵活强大的条件编译。可以完美处理复用部分和差异部分。真正一套工程源码。当业务升级时,不再需要多端维护。如果多端维护,经常会因为某些端的流量不大,就一直拖延无法让那些用户享受到最新服务。另外登录支付在客户端部分,已经被uni-app统一成一样的api了。

  • 问:多端是不是一种妥协,是否会造成性能下降?

  • 答:good question。多端且不影响性能,确实很难,但uni-app做到了。在h5端,它的性能、包体积与直接使用vue.js开发一致; 在小程序端,它的性能比大多数开发框架更好,uni-app底层自动处理的setdata差量同步机制,比开发者手动写setdata更好,就像使用vue.js更新界面比手动写js修改dom更高效一样; 在App,uni-app支持webview渲染和原生渲染双引擎,启用原生渲染时,css写法受限,但性能是很接近原生开发的效果的,在当前的手机环境下,千万日活以下的应用在App使用uni-app也不会遇到任何压力。当然也可以在已经做好的原生App中将部分页面改为uni-app实现; 此外,我们会把很多跨端处理放在编译期完成的,这样会减少对运行期的效率影响。

  • 问:不做多端,是不是不需要uni-app?

  • 答:不是。大量开发者用uni-app只做一个端,详见案例。对于开发者而言,一个优秀工具在手,做什么都不愁。

  • 问:uni-app以后会不会变更开源协议,转向收费?

  • 答:官方承诺永远不会变更开源协议。无论HBuilderX、uni-app、App,面向中国人永久免费。

更多资料

贡献指南

如果你想参与贡献,请先阅读贡献指南

编辑推荐精选

潮际好麦

潮际好麦

AI赋能电商视觉革命,一站式智能商拍平台

潮际好麦深耕服装行业,是国内AI试衣效果最好的软件。使用先进AIGC能力为电商卖家批量提供优质的、低成本的商拍图。合作品牌有Shein、Lazada、安踏、百丽等65个国内外头部品牌,以及国内10万+淘宝、天猫、京东等主流平台的品牌商家,为卖家节省将近85%的出图成本,提升约3倍出图效率,让品牌能够快速上架。

iTerms

iTerms

企业专属的AI法律顾问

iTerms是法大大集团旗下法律子品牌,基于最先进的大语言模型(LLM)、专业的法律知识库和强大的智能体架构,帮助企业扫清合规障碍,筑牢风控防线,成为您企业专属的AI法律顾问。

SimilarWeb流量提升

SimilarWeb流量提升

稳定高效的流量提升解决方案,助力品牌曝光

稳定高效的流量提升解决方案,助力品牌曝光

Sora2视频免费生成

Sora2视频免费生成

最新版Sora2模型免费使用,一键生成无水印视频

最新版Sora2模型免费使用,一键生成无水印视频

Transly

Transly

实时语音翻译/同声传译工具

Transly是一个多场景的AI大语言模型驱动的同声传译、专业翻译助手,它拥有超精准的音频识别翻译能力,几乎零延迟的使用体验和支持多国语言可以让你带它走遍全球,无论你是留学生、商务人士、韩剧美剧爱好者,还是出国游玩、多国会议、跨国追星等等,都可以满足你所有需要同传的场景需求,线上线下通用,扫除语言障碍,让全世界的语言交流不再有国界。

讯飞绘文

讯飞绘文

选题、配图、成文,一站式创作,让内容运营更高效

讯飞绘文,一个AI集成平台,支持写作、选题、配图、排版和发布。高效生成适用于各类媒体的定制内容,加速品牌传播,提升内容营销效果。

AI助手热门AI工具AI创作AI辅助写作讯飞绘文内容运营个性化文章多平台分发
TRAE编程

TRAE编程

AI辅助编程,代码自动修复

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

热门AI工具生产力协作转型TraeAI IDE
商汤小浣熊

商汤小浣熊

最强AI数据分析助手

小浣熊家族Raccoon,您的AI智能助手,致力于通过先进的人工智能技术,为用户提供高效、便捷的智能服务。无论是日常咨询还是专业问题解答,小浣熊都能以快速、准确的响应满足您的需求,让您的生活更加智能便捷。

imini AI

imini AI

像人一样思考的AI智能体

imini 是一款超级AI智能体,能根据人类指令,自主思考、自主完成、并且交付结果的AI智能体。

Keevx

Keevx

AI数字人视频创作平台

Keevx 一款开箱即用的AI数字人视频创作平台,广泛适用于电商广告、企业培训与社媒宣传,让全球企业与个人创作者无需拍摄剪辑,就能快速生成多语言、高质量的专业视频。

下拉加载更多