UniAPP快速入门教程(一)

一、下载HBuilder

首先需要下载HBuilder开发工具,下载地址:https://www.dcloud.io/hbuilderx.htmlhttps://www.dcloud.io/hbuilder.html

选择Windows正式版.zip文件下载。下载解压后直接运行解压目录里的HBuilderX.exe就可以启动HBuilder。

UniApp的插件市场网址: https://ext.dcloud.net.cn/

二、新建项目

打开HBuilder,菜单:文件-新建-项目:

点新建后打开下面的界面:

填写项目名称,例如:miniportal

路径:选择一个程序路径,例如 D:/uniapp-miniportal

模版徐泽默认模版,Vue版本选择Vue2或3,本例选择Vue3,然后点创建按钮。

然后HBuilder中显示了新创建的miniportal:

运行项目:

选择miniportal,然后在菜单上点运行,选择一个浏览器,例如Chrome:

选择浏览器后,因为第一次运行HBuilder,HBuilder中会提示编译和下载编译工具:

耐心等待一会,编译成功后,HBuilder显示:

另外单独打开了一个浏览器界面:

相关推荐
乐多_L28 分钟前
使用vue3框架vue-next-admin导出表格excel(带图片)
前端·javascript·vue.js
南望无一42 分钟前
React Native 0.70.x如何从本地安卓源码(ReactAndroid)构建
前端·react native
Mike_188702783511 小时前
1688代采下单API接口使用指南:实现商品采集与自动化下单
前端·python·自动化
鲨鱼辣椒️面1 小时前
HTML视口动画
前端·html
一小路一1 小时前
Go Web 开发基础:从入门到实战
服务器·前端·后端·面试·golang
堇舟1 小时前
HTML第一节
前端·html
纯粹要努力1 小时前
前端跨域问题及解决方案
前端·javascript·面试
小刘不知道叫啥1 小时前
React源码揭秘 | 启动入口
前端·react.js·前端框架
貂蝉空大1 小时前
uni-app开发app时 使用uni.chooseLocation遇到的问题
uni-app
林同学++1 小时前
uniapp多端适配
uni-app