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

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

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

文章目录
  1. 一、背景介绍
    1. 当前跨平台开发存在的三个问题
      1. 1.多端泛滥(公司增加运营成本、开发者增加学习成本)
      2. 2.体验不好(app体验不好)
      3. 3.生态不丰富(跨平台框架在周边生态不丰富,开发者很难得到更多更好的SDK)
  2. 二、产品特征
    1. 1.跨平台更多
    2. 2.运行体检更好
    3. 3.通用技术栈,学习成本更低
    4. 4.开放生态,组件更丰富
  3. 三、解决跨平台开放存在的问题
  4. 四、功能框架示意图
  5. 五、快速上手