本文最后更新于 2025-03-14,文章内容可能已经过时。

项目技术栈

项目搭建

HbuilderX

HbuilderXDClude官方开发的一款Idea编辑器,通过HbuilderX工具,可以和方便的去开发小程序H5以及APP发布预览功能!

下载HbuilderX

https://www.dcloud.io/hbuilderx.html?source=javascriptc.com

除了HbuilderX开发工具以外,还需要安装微信官方的开发者工具微信开发者工具,可帮我们效果预览应用发布测试等场景使用!

创建项目

项目管理菜单下,右击显示菜单,在新建菜单下可点击创建项目即可!

安装插件

由于,在HbuilderX 中 是无法直接使用.vue文件作为小程序项目开发使用的, 需要通过uni-app插件配合使用才行!

运行或编译小程序

开启服务端口

由于HbuilderX工具需要链接到微信开发者工具,还需微信开发者工具打开服务端口后,才能使用!

命令方式