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

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

相关推荐
爱吃生蚝的于勒3 分钟前
QT开发第三章——常用控件
linux·服务器·开发语言·前端·javascript·c++·qt
xuankuxiaoyao16 分钟前
Axios-图书列表案例
开发语言·前端·javascript
影寂ldy19 分钟前
C# 多播委托
前端·javascript·c#
dy171720 分钟前
Vue3 多文件上传
前端·javascript·vue.js
文阿花29 分钟前
Echarts实现3D饼状图
前端·javascript·echarts·饼状图
智码看视界36 分钟前
老梁聊全栈系列:Vue2与Vue3核心区别及学习路线指南
前端·vue.js·学习
qq_3630669337 分钟前
react 使用web component导出静态html报告
前端·react.js·html·页面导出
weixin_4577630840 分钟前
展示youtube的视频
前端·javascript·html
雨翼轻尘41 分钟前
03_HTML进阶标签与CSS入门
前端·css·html·入门·进阶标签
云水一下42 分钟前
Vue.js从零到精通系列(六):组合式函数与逻辑复用——打造自己的 Hooks 工具箱
前端·javascript·vue.js