uni-app

一、背景介绍

uni-app官网地址:
https://uniapp.dcloud.io/

当前跨平台开发存在的三个问题

1.多端泛滥(公司增加运营成本、开发者增加学习成本)

2.体验不好(app体验不好)

3.生态不丰富(跨平台框架在周边生态不丰富，开发者很难得到更多更好的SDK)

于是为了解决上述跨平台开发存在的三个问题，uni-app应运而生。

二、产品特征

1.跨平台更多

• 真正做到”一套代码，多端发行”
• 条件编译:优雅的在一个项目里调用不同平台的特色功能。

2.运行体检更好

• 组件、api和微信小程序一致
• 兼容weex原生渲染

3.通用技术栈，学习成本更低

• vue的语法、微信小程序的api
• 内嵌mpvue

4.开放生态，组件更丰富

• 支持通过npm安装第三方包
• 支持微信小程序自定义组件及SDK
• 兼容mpvue组件及项目
• App端支持和原生混合编码
• DCloud将发布插件市场

三、解决跨平台开放存在的问题

1.跨更多平台
2.体验更好
3.学习成本低，容易上手
4.开放生态，组件更丰富

四、功能框架示意图

五、快速上手

参考uni-app:
https://uniapp.dcloud.io/quickstart

通常有两种方式，一种是通过HbuildX生成uni-app脚手架，另外一种是通过vue命令行方式生成uni-app脚手架，具体可参考上述网址查看详情。

如果你看到官网还不够理解的话，可以看看如下地址的视频教程:
https://ke.qq.com/course/343370?taid=2796517631278410

我个人觉得官网写的很不错，很容易理解。

我为此新建了一个项目(技术学习一定要勤于动手实践)，如图: