一、开发环境准备
1.1 安装 HBuilder X(uni-app 官方 IDE)
下载地址:https://dcloud.io/hbuilderx.html 这是核心开发工具,支持 Vue 语法,可编译到微信小程序。

1.2 安装微信开发者工具
下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 用于真机预览、调试与上传审核。

1.3 安装 Trae(AI 编程助手)
下载地址:https://www.trae.ai/ 用于辅助生成 UI 与逻辑代码。

二、快速创建用户端小程序
2.1 导入现成模板
使用'私房菜点餐项目前端模板'快速启动。 模板地址:https://ext.dcloud.net.cn/plugin?id=19865 点击'下载插件并导入 HBuilderX',系统会自动创建项目。

导入后的项目结构清晰,包含基础页面与组件。

2.2 运行到小程序模拟器
在 HBuilderX 中选择'运行 → 运行到小程序模拟器 → 微信开发者工具',即可预览效果。











