介绍

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

创建过程

安装开发工具

开发uni-app项目指定的开发工具是HBuilderX,下载地址为:HBuilderX-高效极客技巧 (dcloud.io)

开始创建

文件>>路径>>项目

image-20230201170544122

一般直接选择默认模板进行开发

image-20230201170943483

运行项目

运行到浏览器

可以运行到电脑上安装的浏览器,也可以运行到HBuilderX内置的浏览器(推荐使用),第一次运行会自动安装一些插件

image-20230201171333480

运行到小程序

我这里说的小程序是微信小程序,需要先安装微信开发者工具,安装地址为:微信开发者工具下载地址与更新日志 | 微信开放文档 (qq.com),安装好后打开服务端口(设置>>安全设置)

image-20230201172103045

image-20230201172127419

在HBuilderX中运行到微信开发者工具,会让我们配置微信开发者工具的安装路径,然后会自动打开微信开发者工具即可查看效果

image-20230201171908853