uni-app

 

一、介绍uni-app

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

二、功能框架浏览图

三、先下载好所需的软件：

uni-app官网：https://uniapp.dcloud.io/

微信小程序下载地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

MuMu模拟器下载地址（也可以用别的模拟器）： https://mumu.163.com/fz/

HBuilder X需要最新版本

四、开始创建项目

选择uni-app类型，输入工程名，选择模板，点击创建，就可成功创建。

uni-app自带的模板有 Hello uni-app ，是官方的组件和API示例。还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。

创建完成后开始运行项目，运行时打开MuMu模拟器，点击工具栏的运行 -> 运行到手机或者模拟器 -> 选择第一个

完成之后就可以运行项目了