uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 uni-app is a framework for developing all front-end applications using Vue.js, developers write a set of codes, which can be published to iOS, Android, Web ( Responsive), as well as various small programs (WeChat/Alipay/Baidu/Toutiao/Feishu/QQ/Kuishou/DingTalk/Taobao), Quick Apps and other platforms.

The DCloud company has 9 million developers, millions of applications, 1.2 billion mobile monthly active users, thousands of uni-app plug-ins, and 70+ WeChat/QQ groups. The official Alipay tool has built-in uni-app (see), and Tencent Classroom officially recorded training courses for uni-app (see), developers can choose with confidence.

With uni-app in hand, you don't have to worry about doing anything. Even if it is not cross-end, uni-app is a better applet development framework (see details), a better App Cross-platform framework, more convenient H5 development framework. No matter what kind of project the leader arranges, you can deliver it quickly, without changing the development thinking or changing the development habits.

# Quick experience

One set of code compiled to 14 platforms, this is not a dream. Seeing is believing, scan 14 QR codes and experience the most comprehensive cross-platform effect for yourself!

Note:
- Some platforms cannot submit simple demos, so some other functions are added; the sample code of hello uni-app can be obtained from [github](https://github.com/dcloudio/hello-uniapp)
- Quick app only supports vivo, oppo, Huawei
- The 360 applet is only supported on the windows platform and needs to be opened in the 360 browser

# Watch the video and learn about uni-app in 10 minutes

We have carefully prepared a simple ten-minute introduction video to help you quickly understand the main features of uni-app:

# Why choose uni-app?

uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。 uni-app has stronger advantages in 8 key indicators such as the number of developers, cases, cross-end smoothing, expansion flexibility, performance experience, surrounding ecology, learning cost, and development cost.

More developers/cases

Millions of applications, 1.2 billion monthly active users in uni statistics, 70+ WeChat/QQ groups, higher Baidu index

Higher cross-terminal completeness, truly improved productivity

Platform capability is not limited

While crossing sides, you can elegantly write personalized code for a certain platform through conditional compilation + platform-specific API calls, and call proprietary capabilities without affecting other platforms.

Support native code mixing and native sdk integration.

Excellent performance experience

Load new pages faster, and automatically diff the updated data.

App side supports native rendering, which can support a smoother user experience.

The performance of the applet is better than other frameworks in the market. Evaluation

Rich surrounding ecology

There are thousands of plugins available on the Plug-in market.

Support NPM, support applet components and SDK.

Various SDKs of the WeChat ecosystem can be directly used in cross-platform apps.

Low learning cost

Based on the general front-end technology stack, using vue syntax + WeChat applet api, no additional learning cost.

Low development cost

Not only the development cost, but also the costs of recruitment, management and testing have declined to a great extent.

HBuilderX is an efficient development tool, which can at least double the efficiency of R&D after mastering it (even if only one platform is developed).

# A set of code that runs on multiple platforms

uni-app implements a set of codes that run on multiple platforms at the same time; as shown in the figure below, a set of codes runs simultaneously on iOS simulators, Android simulators, web, WeChat developer tools, Alipay Mini Program Studio, Baidu Developer Tools, ByteDance Developer Tools, QQ Developer Tools (each terminal tab at the bottom, representing 1 terminal emulator):

The actual running effect is as follows (click on the image to enlarge):