更新记录
1.0.0(2025-08-27) 下载此版本
支持食材+厨具智能匹配、分享菜谱。
平台兼容性
uni-app(4.66)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | - | √ | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | √ | √ |
灶搭子 - UniApp智能菜谱推荐插件
插件介绍
灶搭子是一款基于UniApp开发的智能菜谱推荐小程序插件,帮助用户根据家中现有食材和厨具快速找到合适的菜谱,解决"今天吃什么"的日常难题。
功能特点
- 🥬 智能食材匹配:支持蔬菜、肉类、主食多种食材选择
- 🔪 厨具适配:根据可用厨具推荐合适的菜谱
- 🔍 多种匹配模式:提供模糊匹配、严格匹配、生存模式三种匹配策略
- 🌓 主题切换:支持明暗两种主题,自动适配时间或手动切换
- 📱 多端兼容:基于UniApp开发,支持微信小程序等多个平台
- 🎨 精美UI:现代化界面设计,提供良好的用户体验
- 📋 一键复制教程:点击菜谱可复制对应的教程链接
快速开始
前提条件
- 已安装HBuilderX最新版本
- 已配置好UniApp开发环境
- 已注册微信小程序开发账号(如需发布到微信小程序平台)
使用HBuilderX导入项目模板
-
打开HBuilderX,点击顶部菜单栏的文件 -> 新建 -> 项目
-
在弹出的新建项目窗口中:
- 选择从模板创建
- 选择UniApp项目
- 选择导入已有项目
- 点击浏览按钮,选择下载或克隆的
kitchen-mates
项目文件夹 - 点击创建按钮
安装依赖
在HBuilderX中打开项目,点击顶部菜单栏的工具 -> 终端 -> 新终端,执行以下命令安装依赖:
// 该项目不需要安装依赖,如需安装依赖,请执行以下命令
npm install
配置项目
-
修改应用标识:打开
manifest.json
文件,修改appid
为您的UniApp应用ID -
配置小程序信息:在
manifest.json
的微信小程序配置或其他平台配置中,填写相应的AppID和其他必要信息 -
检查页面配置:确认
pages.json
中的页面路径和导航栏配置符合您的需求
运行项目
-
在HBuilderX中,点击顶部工具栏的运行按钮,选择运行到浏览器或小程序模拟器进行调试
-
也可以使用快捷键:
- Ctrl+R (Windows) 或 Command+R (Mac) 运行到浏览器
- Ctrl+Shift+R (Windows) 或 Command+Shift+R (Mac) 选择运行到其他平台
-
支持的运行平台:
- 微信小程序
- 支付宝小程序
- 百度小程序
- H5
- App (iOS/Android)
发布项目
-
在HBuilderX中,点击顶部工具栏的发行按钮
-
选择要发布的平台,按照提示完成发布流程:
- 发布为微信小程序:需要配置微信开发者工具路径,并在微信开发者工具中完成上传
- 发布为H5:直接生成静态文件,可部署到任何Web服务器
- 发布为App:可选择云打包或本地打包
扩展与定制
添加新菜谱
- 打开
static/data/recipe.json
文件 - 按照现有格式添加新的菜谱对象
{
"name": "新菜谱名称",
"stuff": "食材1,食材2,食材3",
"link": "教程链接",
"difficulty": "难度",
"tags": "标签",
"methods": "烹饪方法",
"tools": "所需厨具"
}
添加新食材/厨具
- 在
types/foodIcons.json
中添加新的食材/厨具图标映射
{
"新食材名称": "/static/images/对应的图标路径.png"
}
- 在
index.vue
中对应的数据数组中添加新的食材/厨具对象
更新日志
v1.0.0
- 首次发布,包含基础功能
- 支持食材和厨具选择
- 实现三种匹配模式
- 支持主题切换功能
- 提供菜谱推荐和教程链接复制功能