uni-app初识

摘要

        由于公司技术需要用到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、运行项目

点击开发工具上方的运行菜单，即可选择运行平台。浏览器，安卓和小程序平台都可以选择。