【uni-app】通过 HBuilderX 创建 uni-app vue3项目

devtools/2024/10/18 16:47:23/

1.下载 HbuilderX 编辑器

  1. 访问 HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html

  2. 点击首页的 DOWNLOAD 按钮

  3. 选择下载 正式版 -> App 开发版

在这里插入图片描述

2. 安装 HBuilderX

  1. 将下载的 zip包 进行解压缩

  2. 将解压之后的文件夹,存放到纯英文的目录中(且不能包含括号等特殊字符)

  3. 双击 HBuilderX.exe 即可启动 HBuilderX

2.通过 HbuilderX 创建 uni-app vue3 项目

  1. 点击 HbuilderX菜单栏文件 > 项目 >新建

  2. 选择 uni-app, 填写项目名称,项目创建的目录
    在这里插入图片描述
    在这里插入图片描述

3. 安装 uni-app vue3 编译器插件

在这里插入图片描述
在这里插入图片描述
插件安装失败解决教程:官网教程
我的解决:关闭HBuilderX ,再以管理员身份打开,重新下载就可以了

4.编译成微信小程序端代码

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如果报错,则根据提示,开启服务端口
在这里插入图片描述

在这里插入图片描述
小技巧分享:模拟器窗口分离和置顶
在这里插入图片描述
置顶
在这里插入图片描述
最小化微信开发者工具,不能关闭

HBuilderX与微信开发者工具之间的关系

在这里插入图片描述


http://www.ppmy.cn/devtools/109987.html

相关文章

14. /#{} 和 /${} 的区别是什么?

在MyBatis中,#{}和${}是两种常见的占位符,它们的作用和使用场景有所不同。理解它们的区别对于正确使用MyBatis非常重要。 1. #{} 和 ${} 的基本区别 #{}:SQL参数占位符 作用:#{}用于将传入的参数安全地绑定到SQL语句中&#xff0c…

调度器怎么自己写?调度器在实现时需要注意哪些细节?请写一个jvm的调度器?如何在这个调度器中添加多个任务?

如果你想自己编写一个调度器,可以按照以下步骤进行: 一、确定需求和目标 明确调度器的应用场景,例如任务调度、资源分配、进程管理等。 确定调度的对象,比如任务、作业、进程等。 定义调度的目标,如最小化完成时间、最…

锐捷交换机常用命令

文章目录 1. 基本操作命令2. 接口配置3. VLAN配置4. 链路聚合5. 生成树协议6. 端口安全7. 常用查看命令8. 系统管理9. 配置端口镜像10. 配置生成树协议 1. 基本操作命令 进入特权模式:enable 进入全局配置模式:configure terminal 保存配置:…

Unreal Engine——AI生成高精度的虚拟人物和环境(虚拟世界构建、电影场景生成)(一)

一、Unreal Engine 介绍 Unreal Engine(虚幻引擎)是由Epic Games开发的强大3D游戏开发引擎,自1998年首次发布以来,已经历了多个版本的迭代。虚幻引擎主要用于制作高品质的3D游戏,但也广泛用于电影、建筑、仿真等其他领…

Hydra爆破与简单使用 ssh rdp ftp

Hydra介绍: 一款非常流行的网络密码破解工具,用于执行暴力破解或字典攻击。它支持多种协议和服务,如 HTTP、FTP、SSH、MySQL 等,广泛应用于网络渗透测试和安全审计中。 目前该工具支持以下协议的爆破:ftp&#xff0c…

自动售货机是怎么知道你拿了啥的

南工程这学期,公共教学楼新增了自动售货机,不是传统售货机那样,在外面选择商品,然后掉出来。而是扫码或人脸识别之后,就可以打开冰柜门,自由挑选。 挺好奇起原理的,简单查了查: 这…

RabbitMQ学习笔记

目录 什么是MQ 什么是RabbitMQ RabbitMQ 使用场景 1. 服务解耦 2. 流量削峰 3. 异步调用 RabbitMQ 基本概念 RabbitMQ 安装 RabbitMQ Web界面管理 RabbitMQ六种工作模式 简单模式 SpringBootRabbitMQ实战 总结 工作模式 SpringBootRabbitMQ实战 发布订阅模式 …

【docker】了解什么是Docker

一、前言 最近,在学习如何部署项目的时候,老是出错误,然后朋友推荐了去学一下docker,然后自己就去学了【尚硅谷】的关于docker的教程视频,学完之后,感觉docker真的强,可以把我们做好的app的进行跨平台、快速…