本身从事前端android开发，也偶尔做小程序开发，最近因为公司需求变动，需要考虑做跨平台开发，目前跨平台开发的语言有，rn,flutter,uni-app,weex,国内一般都是flutter与vue，国外都是rn居多。鉴于最近在学习阶段（如果之前做过小程序的对此应该很容易上手也是它的uni-app的优点），今天就简单的写一些最基础的出来分享哈，后续爬坑过程继续更新。
uni-app简介
uni-app 是基于Vue的开发框架，类似小程序项目结构，使用 Vue.js 开发跨平台应用。
uni-app优点
编写一套代码，可编译到多个平台【iOS，安卓，小程序，H5】。
uni-app缺点
当然一门混合开发语言，有它的独特的优点，那势必也是有短板的,因为uni-app在2015年出现，不过当时原生App还是比较火热，uni-app火起来应该是去年应该有很多地方还不是完善，坑较多，毕竟在公司里面爬坑不现实吧！
uni-app利器
老话说的好工欲善其事，必先利其器首先开发者需先下载安装 HBuilderX (https://www.dcloud.io/hbuilderx.html)。
uni-app项目初建
1，HBuilderX 点击图标 - >新建 >项目：
2， HBuilderX 点击工具栏里的文件 >新建 - >项目：
uni-app项目目录结构
具体的各个结构的详细内容可以查看官方的文档uni-app文档。
uni-app运行
这里你可以选择运行到浏览器，android模拟器（夜神），小程序
如果你第一次运行到小程序还是需要进行一些配置
1，HBuilderX 点击工具 >设置> 小程序运行配置：配置你小程序开发者工具的目录。
2，在小程序开发者工具 >设置 >安全设置，将服务端口开启。
uni-app运行效果展示
运行到android模拟器上效果
网友评论