一、UniAPP 介绍


(1) 什么是 UniAPP?
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到 iOS,Android,HS,以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉》等多个平台,方便开发者快速交付,不需要转换开发思维,不需要更改开发习惯。

(2) 为什么要选择 UniAPP?

1.开发者/案例数量更多
几十万应用、uni 统计月活12亿、70+微信/QQ群

2.平台能力不受限
在跨遇的同时,通过条件编译 + 平台特有 API调用,可以优雅的为某平台写个性化代码,调用专有能力而不影响其他平台

3.性能体验优秀
加载新页面速度更快、自动 diff更新数据,App 端支持原生渲染支撑更流畅的用户体验,小程序端的性能优于市场其他框架

4.周边生态丰富
插件市场数千款插件,支持 NPM,支持小程序组件和SDK,微信生态的各种 sdk 可直接用于跨平台 APP

5.学习成本低
基于通用的的前端技术栈,采用vue语法·微信小程序api,无额外学习成本

(3) UniAPP 功能框架

(4) UniAPP开发环境搭建

1.下载开发工具 HBuilderX

官网:https://www.dcloud.io/hbuilderx.html

HBuilderx 是通用的前端开发工具,但为 uni-app 做了特别强化。
下载 App 开发版,可开箱即用;如下载标准版,在运行或发行 uni-app 时,会提示安装 uni-app 插件,插件下載完成后方可使用

2.创建 uni-app 项目
选择 uni-app 类型,输入工程名,选择模板,点击创建,即可成功创建。

uni-app自带的模板有 Hello uni-app,是官方的组件和API示例。
还有一个重要模板是 uni ui项目模板,日常开发推荐使用该模板,已内置大量常用组件。

3.运行 uni-app
主要包括:浏览器运行、真机运行、小程序运行等

4.发布 uni-app
主要包括:云端原生APP,离线原生APP,H5、各种小程序

【uni-app教程】一、UniAPP 介绍相关推荐

  1. 【笔记-uni app】《uni-app 快速入门 从零开始实现新闻资讯类跨端应用》

    uni-app 快速入门 从零开始实现新闻资讯类跨端应用 第12章 项目发行与打包 12-03 App端发行打包 一.发行,原生app-云打包 把包提交给dcloud的服务器,通过dcloud打包完后 ...

  2. uni app和php开发微信登录代码,uniapp如何实现微信授权登录

    uniapp实现微信授权登录的方法:首先获取对应的appid和appsecret:然后在uniapp项目的manifest.json中进行APP SDK配置和模块权限配置.最后实现编码. 本教程操作环 ...

  3. ① uni-app 介绍、项目搭建、目录结构

    uni-app uni-app介绍 项目搭建 目录结构 App.vue 和 main.js manifest.json uni.scss pages.json 页面配置 tabbar的配置 condi ...

  4. 小程序uni-app介绍

    uni-app介绍 uni-app简介 uni-app 是一个使用**Vue.js **开发所有前端应用的框架,开发者编写一套代码,可发布到iOS.Android.Web(响应式).以及各种小程序(微 ...

  5. HbuilderX:uni app踩坑之uView-ui

    HbuilderX:uni app踩坑之uView-ui 最近在自学uniapp,想找一个ui框架提高一下学习和开发的效率,于是就网上冲浪,浪来浪去,最后选择了uView-ui这款.其实有些框架我是有 ...

  6. 【uni-app教程】uni-app入门教程

    uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 uni-app中样式学习 在uni-app中使用字体图标和开启scss 条件注 ...

  7. 马小看前端(关于uni-app介绍)

    马小看前端(关于uni-app的介绍) 什么是uni-app: uni-app是一款开发前端应用的框架,,我们可以应用到(微信/支付宝/qq/字节跳动) uni-app标签/组件的变化: div 改成 ...

  8. uniApp介绍篇-1.基础框架搭建与排坑备忘

    基础框架搭建与排坑备忘 一.uniApp介绍与注意点 1.目录结构 2.跳转页面 3.条件编译 4.生命周期 5.样式布局 6.图片引用 7.html标签 8.JsApi 9.小程序组件支持 10.事 ...

  9. 切换 uniapp_万能前端框架uni app初探03:底部导航开发

    前言 本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...

最新文章

  1. 物联网奇点:给物联网设备使用的Docker
  2. 脑电分析系列[MNE-Python-2]| MNE中数据结构Epoch及其创建方法
  3. Assert(断言) 的用法
  4. 在c#中实现类似C语言中的memset功能
  5. python面向对象小练习
  6. 历害了!教你自己搭建一个私人网盘..
  7. Kaggle : Using a Convolutional Neural Network for classifying Cats vs Dogs
  8. linux教程opensuse,OpenSUSE/Linux 网络配置
  9. 被尘封的故事技能点bug_王者荣耀体验服更新,多名英雄技能优化,瑶妹玩家却坐不住了...
  10. 每日站立会议10(完结)
  11. 解决旅游行业营销人员痛点的作品策划
  12. 2022QS世界大学学科排名出炉,计算机学科有哪些信息值得关注?
  13. 自己碰到的一个control +鼠标左键无效问题。
  14. pandas数据合并之pd.concat()用法
  15. 面试官常问:为什么 MongoDB 索引选择B-树,而 Mysql 索引选择B+树(精干总结)
  16. python-onvif实现客户端控制相机云台
  17. 5个球放入3个箱子_排列组合问题,把5个相同的球放到三个相同的盒子里,要求每个盒子都有球,则不同的放球方法是多少?...
  18. 中病毒spoolsv.exe
  19. H323、H248(MGCP)、SIP三协议浅析
  20. eclipse 自带git插件 文件提交后修改标志不明显

热门文章

  1. C语言实现基于查找和排序算法的学生成绩分析
  2. unity雪山场景+雪地素材包可以用于雪地雪山场景制作
  3. PHP+Mysql如何实现数据库增删改查
  4. SpringBoot文件访问映射的两种实现方式
  5. .NET持续集成与自动化部署之路第三篇——测试环境到生产环境的一键部署策略(Windows)...
  6. Excel竖向转横向 并汇总 简单方法(非转置,不用公式)
  7. 手把手教你重装系统,新手必看,最全教程
  8. 携程2020笔试题——《买饮料》
  9. 常见面试题------Redis为什么可以做缓存?
  10. 爬虫之xpath语法