一、介绍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模拟器,点击工具栏的运行 -> 运行到手机或者模拟器 -> 选择第一个
完成之后就可以运行项目了