初识uni-app

本身从事前端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模拟器上效果