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显示:

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

相关推荐
2501_915106328 分钟前
苹果软件加固与 iOS App 混淆完整指南,IPA 文件加密、无源码混淆与代码保护实战
android·ios·小程序·https·uni-app·iphone·webview
江城开朗的豌豆9 分钟前
小程序登录不迷路:一篇文章搞定用户身份验证
前端·javascript·微信小程序
aesthetician14 分钟前
React 19.2.0: 新特性与优化深度解析
前端·javascript·react.js
2501_9159214316 分钟前
iOS 26 崩溃日志解析,新版系统下崩溃获取与诊断策略
android·ios·小程序·uni-app·cocoa·iphone·策略模式
FIN666828 分钟前
射频技术领域的领航者,昂瑞微IPO即将上会审议
前端·人工智能·前端框架·信息与通信
U.2 SSD38 分钟前
ECharts漏斗图示例
前端·javascript·echarts
江城开朗的豌豆38 分钟前
我的小程序登录优化记:从短信验证到“一键获取”手机号
前端·javascript·微信小程序
excel41 分钟前
Vue Mixin 全解析:概念、使用与源码
前端·javascript·vue.js
IT_陈寒1 小时前
Java性能优化:这5个Spring Boot隐藏技巧让你的应用提速40%
前端·人工智能·后端
勇往直前plus1 小时前
CentOS 7 环境下 RabbitMQ 的部署与 Web 管理界面基本使用指南
前端·docker·centos·rabbitmq