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.1. 当前跨平台开发存在的三个问题
      1. 1.1.1. 1.多端泛滥(公司增加运营成本、开发者增加学习成本)
      2. 1.1.2. 2.体验不好(app体验不好)
      3. 1.1.3. 3.生态不丰富(跨平台框架在周边生态不丰富,开发者很难得到更多更好的SDK)
  2. 2. 二、产品特征
    1. 2.1. 1.跨平台更多
    2. 2.2. 2.运行体检更好
    3. 2.3. 3.通用技术栈,学习成本更低
    4. 2.4. 4.开放生态,组件更丰富
  3. 3. 三、解决跨平台开放存在的问题
  4. 4. 四、功能框架示意图
  5. 5. 五、快速上手