——原由
在最近找工作我遇到了一些问题，因为我使用的框架主要是vue，所以面试的时候经常问我会不会uni-app，通过面试也了解到，现在uni-app开发周期短，相对简单，一套代码ios、Android、H5，以及各种小程序（微信、支付宝、百度、头条、QQ、钉钉）多个平台可以通用，这样的东西确实现在立马要学起来。
一、 新建和运行
1.新建
编译器使用hBuilderX ，还需要微信开发者工具。新建项目之后可以选择运行方式。（详细的步骤可以在uni-app的官网的快速上手找到。地址uniapp.dcloud.net.cn/quickstart-…
推荐用命令行来创建新项目。
2. 运行
运行的时候第一次运行在浏览器没什么大的问题，这里运行在微信开发者工具上第一次运行是需要配置的，在HBuilder里面添加微信开发者工具的地址，在微信开发者工具里面的设置-安全设置-开启服务器端口，下面有你自己的端口。真机联调就需要数据线和手机，ios的需要iTunes。我运行出了问题，重新下载了微信开发工具才可以。
3.新建之后的项目目录
pages是页面文件夹，static是存放静态文件的（图片、音视频），unpackage存放打包输出的文件的。app.vue是项目的根组件，main.js是项目的入口文件，manifest.json是配置文件（打包之后的配置），pages.json配置存放路径和外观。
在写法上，遵循了vue的单文件组件规范，可以看的出来结尾是用.vue来结尾，页面结构也是template、script、和style三个区域来分开的。
而内容上就不是div了，这里面的内容用的是微信小程序原生开发的，用view作为根容器。接口也是小程序规范的（小程序的接口是wx.，uni的接口是uni.）。
数据的绑定和事件又靠近vue的写法。
布局上使用flex布局比较好。
二、全局配置和页面配置（在pages.json里面配置）
1.外观配置
uniapp.dcloud.io/collocation… 详细文档可以阅读。
这就是他的外观。
2.pages配置
就像vue的路由就两个，一个是地址path，一个是style。页面的单独style可以覆盖之前设置的全局样式。可以设置H5特有的样式。
3.tabbar配置
就是移动端的底层按钮导航。在官网文档也是可以找到各样的东西。
4.condition配置
启动模式配置，仅开发期间生效，用于模拟直达页面的场景，如：小程序转发后，用户点击所打开的页面。
