什么是uni app

uni-app是一个使用Vue.js开发所有前端应用的框架，是赞前端团队维护的移动端组件库，提供了一整套UI基础组件和业务组件。使用uni-app可以实现一套代码，同时发布到iOS、Android、微信小程序等多个平台。

什么是uni app

本教程操作环境：windows7系统、uni-app2.5.1版，DELL G3电脑。

uni-app（uni，读you ni，是统一的意思）是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台，保证其正确运行并达到优秀体验。

uni-app实现了一套代码，同时运行到多个平台一套代码，同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具（底部8个终端选项卡代表8个终端模拟器。

uni-app 继承自 Vue.js，提供了完整的 Vue.js 开发体验。

uni-app 组件规范和扩展api与微信小程序基本相同。

有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ，开发出兼容多端的应用。

uni-app提供了条件编译优化，可以优雅的为某平台写个性化代码、调用专有能力而不影响其他平台。

uni-app打包到App时仍然使用了5+引擎，5+的所有能力都可以在uni-app中可以使用。在App端运行性能和微信小程序基本相同。

对于技术人员而言：不用学那么多的平台开发技术、研究那么多前端框架，学会基于vue的uni-app就够了。
对于公司而言：更低成本，覆盖更多用户，uni-app是高效利器。
uni-app多端演示

为方便开发者体验uni-app的组件、接口、模板，DCloud发布了Hello uni-app演示程序（代码已开源，详见Github），Hello uni-app实现了一套代码，同时发布到iOS、Android、微信小程序。

运行环境

运行uni-app项你需要安装HBuilderX前端开发工具。

浏览器运行：进入uniapp项目，点击工具栏的运行-运行到浏览器-选择浏览器，即可在浏览器里面体验uni-app 的 H5 版。

真机运行：连接手机，开启USB调试，进入uniapp项目，点击工具栏的运行-真机运行-选择运行的设备，即可在该设备里面体验uni-app。

在微信开发者工具里运行：进入uniapp项目，点击工具栏的运行-运行到小程序模拟器-微信开发者工具，即可在微信开发者工具里面体验uni-app。