我正在参加跨端技术专题征文活动，详情查看：juejin.cn/post/710123
介绍
uni-app是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
之前有开发过微信小程序或使用vue，会更快上手哦
需要用到的开发工具
首先下载HbuilderX,然后安装。
调试app需要安装夜神模拟器。
浏览器大概都有的。
uni-app的创建
点击文件-新建-项目
选择uni-app，填写项目名称，并选择项目存放位置路径，这里还可以选择符合自己项目需求开发的模版，模版中还有常用的组件API使用方式可以参考或直接拿来用，一般情况下是不启用uniCloud的，可以根据自己的实际情况选择，vue版本选择和是否上传到gitCode代码托管平台也是根据自身实际情况选择，最后点击创建，这样一个uni-app就创建好啦。
那么uni-app项目文件的左侧会有U的标识
目录结构
| 文件名称 | 作用 |
|---|---|
| components | 是一个用来存放组件的文件夹，从外部引用的组件，或者自己自定义的组件都是放在这个文件夹中 |
| pages | 是一个用来存放所有页面的文件夹，也是我们经常操作的一个目录 |
| static | 是一个存放静态资源的文件夹，例如图片等 |
| unpackage | 是打包目录，存放打包后的文件。有些新建项目目录中没有这个文件夹，在微信开发者工具等编译平台运行后，也会生成这个文件。 |
| App.vue | 是页面入口文件，所有页面都是在 App.vue 下进行切换的，可以调用应用的生命周期函数 |
| main.js | 是项目入口文件，主要用来初始化 vue 实例并使用需要的插件 |
| manifest.json | 是应用配置文件，用于指定应用的名称、图标、权限等 |
| pages.json | 是全局配置文件，可以配置页面文件路径、窗口样式、原生的导航栏、底部 tab 栏等 |
| uni.scss | 是 uni-app 的样式包。在其他文件中可以快速引用样式包里面的样式 |
| hybrid | 是存放本地网页 .html 文件的文件夹 |
