多端泛滥，精力有限，是很多前端开发者的日常噩梦。uni-app遵循Vue.js语法规范，一套代码，多端发布，有效解决了众多开发者的痛点；因此，自8月份发布以来，数以万计的开发者拥抱了uni-app，至今已创建了uni-app。数以万计的应用，活跃的开发者每天在QQ群中产生数以万计的通讯记录。奔跑的脚步不会停下。经过一个多月的打磨，uni-app1.2版本正式发布，支持发布到H5平台。至此，uni-app已实现iOS、Android、小程序、H5主流四大终端全覆盖！另外，uni-app从1.2版本开始正式开源（传送门）。欢迎大家star鼓励。说说扫码体验示例，一一扫描下面4个二维码，对比体验一下：注：Appstore不能提交简单的demo，所以iOS版增加了一些其他功能。快速入门uni-app支持通过HBuilderX可视化界面和vue-cli命令行快速创建项目。两种模式在H5平台上运行后，均支持热重载。通过HBuilderX可视化界面的可视化方式比较简单。HBuilderX内置了相关环境依赖的处理，适合懒人操作。1、下载HBuilderX（地址），安装并启动2、新建项目，选择uni-app类型，选择Hellouni-app模板3、点击顶部菜单运行到chrome浏览器4、之后，HBuilderX开始编译，并将信息输出到控制台5.编译完成后，HBuilderX会自动打开chrome浏览器并加载H5页面提示：如果chrome已经提前打开，开发者需要手动切换chrome到手机调试模式。自动将chrome切换到debug模式，但是这个切换有延迟。如果页面显示异常，需要通过vue-cli命令行手动刷新。习惯了cli脚手架的同学可以通过vue-cli创建uni-app项目。1.全局安装vue-clinpminstall-g@vue/cli2.创建uni-app项目vuecreate-pdcloudio/uni-preset-vuemy-project此时会提示选择项目模板。初次体验，建议选择hellouni-app项目模板，如下图：3、进入目录，运行cdmy-projectnpmrunserve运行成功后，控制台会输出H5网站访问地址，如下如下：4.启动chromel浏览器，切换到手机调试模式，访问如上地址即可体验。Tips：目前cli脚手架只支持编译到H5网站，下个版本会支持编译到微信小程序平台；这个阶段如果需要运行到微信小程序或者App，需要将项目根目录下的src文件夹拖放到HBuilderX中，点击“运行”菜单执行H5配置。uni-app发布到H5时，采用SPA模式，支持以下配置：自定义页面模板，简单SEO配置，百度统计支持hash/history路由跳转方式，支持自定义页面js加载组件本次uni版本的其他更新-app1.2还包括以下更新：新增条件编译#ifndef代表非本平台条件编译（如代表非H5平台，即目前App和小程序平台uni-app支持）新增APItabBar支持设置红点和角标新增API监控网络状态变化新增开放式按钮组件新增manifest.json配置navigateToMiniProgramAppIdList节点，可配置需要的小程序列表被跳了。新增nvue支持第三方weexui库。添加了nvue以支持bindingx。当.request方法为PUT或DELETE时，参数信息丢失。修复picker组件取消事件不触发的问题。修复复杂场景下组件数据渲染异常的问题。修复nvueAndroid平台不支持Websocket功能的问题。修复未设置titleNView时，nvueAndroid平台页面可能显示异常的问题。使用uni.request无法设置数据的问题优化web-view组件添加网页加载进度条优化web-view组件的标题和页面标题同步优化input组件type="number"App终端支持小数点的输入。在未来的规划中，uni-app将继续保持高速迭代。在持续完善覆盖四大终端的情况下，将补充更多兼容百度、支付宝小程序的需求方案。参考uni-app需求墙
