摘要
由于公司技术需要用到uni-app,最近几天我也一直在看uni-app,学了两三天了,在这里记录总结一下我这两三天的收获。
一、什么是uni-app?
uni-app就是基于vue框架的一个可以跨端的多平台开发框架。整体开发来看可以看做是vue和小程序的一个结合体,它可以使用vue的基本语法,但是标签(或者说是基本组件)还有api是和小程序几乎一样的。下面贴一段官方解释:
uni-app
是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
uni-app
在手,做啥都不愁。即使不跨端,uni-app
也是更好的小程序开发框架(详见 (opens new window))、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。
二、如何快速上手uni-app?
开发uni-app我非常推荐使用HBuilderX:官方IDE下载地址这个开发工具,我觉得非常好用,特别是对于我这种初学者来说。
2.1、项目创建
在点击工具栏里的文件 -> 新建 -> 项目:
选择uni-app
类型,输入工程名,选择模板,点击创建,即可成功创建。
2.2、运行项目
点击开发工具上方的运行菜单,即可选择运行平台。浏览器,安卓和小程序平台都可以选择。