uni-app：基于Vue的跨端框架（闪电演讲内容整理)| 掘金开发者大会

你们好，我是DCloud公司的崔红保，感谢掘金提供机会，跟你们闪电分享一下uni-app ^_^

一句话介绍uni-app ：一款基于vue的跨平台前端框架； 多说两句就是：开发者经过编写 Vue.js 代码，uni-app 将其编译到iOS、Android、微信小程序等多个平台，保证其正确运行并达到优秀体验。

随着微信小程序的成熟火爆，支付宝、百度、手机厂商等阵营也逐步推出本身的小程序/快应用规范，除了以前的iOS、Android、H5平台外，前端开发者还要面临多家小程序的适配开发，工做量在剧增，规范学习成本在提升，uni-app就是为了解决这些跨端兼容而生。

规范

从设计开始，uni-app有一个基本原则：充分利用现有前端生态，尽可能不新立规范，减小前端学习成本，因 此uni-app 的开发规范大量借鉴了微信小程序和Vue.js； 具体来说，组件标签和api靠近微信规范，数据绑定和文件系统靠近vue，开发者编写一个业务页面时，无需像原生小程序那样编写wxml、wsxx、js、json四个文件，而只须要编写一个扩展名为 .vue 的 single-file components(单文件组件)文件便可。这样的设计，方便有必定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ，开发出兼容多端的应用。

跨端

关于跨端框架，不少开发者可能会担忧跨端意味着丢失平台特点，uniapp 对此的解决方案是引入条件编译，开发者能够优雅的为某平台写个性化代码、调用专有能力而不影响其余平台。

工具

关于IDE支持，HBuilderX对uni-app提供了良好的开发支持，包括语法提示、代码块、真机运行、云端打包等。HBuilderX 是HBuilder的下一代产品，全新架构，更轻量化，欢迎你们使用。

生态

生态方面，DCloud发布了一些经常使用的扩展组件和业务模版，好比索引列表，城市联动；围绕DCloud产品有大量前端开发者，也贡献了很多组件模板，好比图片裁剪等。另外，uni-app兼容mpvue项目，mpvue相关的开源组件和项目，均可以快速迁移到uni-app中。

最后，屏幕右下角的小程序码是 uni-app 的组件能力演示程序，你们能够扫码体验。

个人演讲到此结束，谢谢你们！