uni-app(uni,读you ni,是统一的意思)是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序、快应用等多个平台。
主要功能
uni-app实现了一套代码,同时运行到多个平台;一套代码,同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具(底部8个终端选项卡代表8个终端模拟器)
运行环境
运行uni-app项目需要安装HBuilderX前端开发工具。
浏览器运行:进入uniapp项目,点击工具栏的运行-运行到浏览器-选择浏览器,即可在浏览器里面体验uni-app 的 H5 版。
真机运行:连接手机,开启USB调试,进入uniapp项目,点击工具栏的运行-真机运行-选择运行的设备,即可在该设备里面体验uni-app。
在微信开发者工具里运行:进入uniapp项目,点击工具栏的运行-运行到小程序模拟器-微信开发者工具,即可在微信开发者工具里面体验uni-app。
背景:
当前跨平台开发存在的3个问题
1.多端泛滥
2.体验不好
3.生态不丰富
开发一次,多端覆盖,如:小程序、Android、IOS、H5
跨更多端、体验更好、生态更好
1.跨平台更多
真正做到:一代代码,多端发行,不需要多端维护
条件编译:优雅的在一个项目里调用不同平台的特色功能(不牺牲平台特色)
2.运行体验更好
组件、api与微信小程序一致
兼容weex原生渲染(效率高,但不适合做完整方案,各取所长)
3.通用技术栈,学习成本更低
vue的语法、微信小程序的api
内嵌mpvue
4.开发生态、拥抱社区,组件更丰富
支持通过npm安装第三方包
支持微信小程序自定义组件及SDK
兼容mpvue组件及项目
App端支持和原生混合编码
Dcloud将发布插件市场