uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。
1、下载HBuilderX 官方下载地址
创建uni-app：
文件-新建-项目
选择uni-app，输入项目名称，点击创建，即可成功创建 uni-app。
创建成功后运行，我一般使用微信开发者工具运行，其他运行方式请参照官网，如没有微信开发者工具 下载地址
目录结构：
components：uni-app组件目录
pages：页面文件存放目录，每次新建一个页面，hbuilder X都会在pages.json里面配置好。
static：存放应用引用静态资源（如图片、视频等）的地方。
unpackage：里面的打包后的东西，可以不用管，h5打包后会放在这个里面的dist/build/h5里面。
App.vue：应用配置，用来配置App全局样式以及监听
main.js：Vue初始化入口文件，跟vue脚手架一样的，引入全局js，配置一些全局js函数等都可以在这里操作。
manifest.json：配置应用名称、appid、logo、版本等打包信息。
pages.json：配置页面路由、导航条、选项卡等页面类信息。
uni.scss 是uni-app的样式包。