uni-appの发展和应用

前言

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。uni-app 组件规范和扩展api与微信小程序基本相同。有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ，开发出兼容多端的应用。uni-app实现了一套代码，同时运行到多个平台；一套代码，同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具（底部8个终端选项卡代表8个终端模拟器）。

为什么要选择uni-app

      

1.开发者/案例数量更：几十万应用、uni统计月活12亿、70+微信/qq群、更高的百度指数，跨端完善度更高，真正落地的提高生产力。

2.平台能力不受限：在跨端的同时，通过条件编译+平台特有API调用，可以优雅的为某平台写个性化代码，调用专有能力而不影响其他平台。支持原生代码混写和原生sdk集成。

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

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

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

6.开发成本低：不止开发成本，招聘、管理、测试各方面成本都大幅下降。HBuilderX是高效开发神器，熟练掌握后研发效率至少翻倍（即便只开发一个平台）。

  uni-app开发环境配置

•  uni-app官网地址：uni-app
• HBuilderx下载地址：HBuilderx

•  文件 > 新建 > 项目 > uniapp， 并设置项目保存路径。

•  打开项目 demo > unpackage > manifest.json > 基础配置，设置uni-app 应用程序标识。
  这里需要先注册登录后才可以点击云端获取（app-id）。

•  点击，运行 > 运行到手机或模拟器 > 设备xxxxx ，查看控制台和手机端，如果出现 index.vue中的返回内容，则表示运行成功。

 

•  运行到手机模拟器显示效果