我们来做菜

‌一、关于「我们来做菜！」（食用手册）‌

‌1. 基本定位‌

「我们来做菜！」（下称”食用手册”）是一款面向做饭选择困难症用户的纯前端在线工具站：用户在页面上勾选手头现有的蔬菜、肉类、主食以及厨房可用厨具，点击生成按钮后，站点会从内置菜谱库中筛出匹配的菜品，并随机给出一道”今天就做这道菜”的推荐，相当于一个”会按食材反向推菜谱”的随机菜谱生成器。整站以轻松、治愈的做菜小游戏形式呈现，emoji 化食材图标（🥔🥕🥦🍅🥓🦐）配合暖色调界面，交互轻量化，30 秒即可完成一次选菜。

‌2. 作者与开源背景‌

站点由独立开发者云游君（个人主页 yyj.moe）开发维护，项目以开源形式托管（页面右上角有”Code”链接指向源码仓库），基于 Vue 3 + Vite + TypeScript + Vercel 技术栈构建，是一个典型的前端开源练手+实用小工具项目。项目灵感来自”今天吃什么””冰箱里食材能做啥”这类日常困惑，用游戏化交互把”查菜谱”这件原本工具感较强的事做了趣味化改造。

‌3. 使用门槛与费用‌

食用手册为纯前端静态站点，完全免费，无需注册登录、无需下载 App，浏览器打开即可使用。站点不收集用户信息、不推送广告、不做付费功能，PC 浏览器与手机浏览器均做了移动端适配，体验一致。

‌二、主要功能与交互流程‌

‌1. 🥬 第一步：选食材——先选一下食材‌

食材区按三大类分组：一是”菜菜们”，包含 🥔 土豆、🥕 胡萝卜、🥦 花菜、🥣 白萝卜、🥒 西葫芦、🍅 番茄、🥬 芹菜、🥒 黄瓜、🧅 洋葱、🎍 莴笋、🍄 菌菇、🍆 茄子、🍲 豆腐、🥗 包菜、🥬 白菜共 15 种常见蔬菜；二是”肉肉们”，包含 🥓 午餐肉、🌭 香肠、🌭 腊肠、🐤 鸡肉、🐷 猪肉、🥚 鸡蛋、🦐 虾、🐮 牛肉、🦴 骨头，以及标注为 Todo 状态的 🐟 鱼（功能开发中）；三是”主食也要一起下锅吗？（不选也行）”，包含 🍝 面食、🍞 面包、🍚 米、🍜 方便面 4 种主食。每项食材都用 emoji + 中文名称展示，点击即可勾选/取消，左上角设有”重置”按钮一键清空选择。

‌2. 🍳 第二步：选厨具——再选一下厨具‌

厨具区列出 5 类常见厨具：烤箱、空气炸锅、微波炉、电饭煲、一口能炒又能煮的大锅（炒锅/煮锅）。用户根据自己家实际可用的厨具勾选，至少勾选一项。食材+厨具的组合即为”搜索条件”，菜谱库会从中筛选出满足条件的菜。

‌3. 🎲 第三步：选模式——三种匹配逻辑‌

站点提供三种匹配模式按钮：一是”模糊匹配”（默认模式），允许菜谱所需食材与你勾选的食材有一定出入，匹配范围最广，适合食材不齐全时”凑着做”；二是”严格匹配”，只推荐食材与厨具完全覆盖你手头条件的菜谱，结果更精准但可选数量更少；三是”生存模式”，顾名思义是”食材越残缺、越能激发潜能”的搞怪模式，会放宽匹配条件并给出一些脑洞向的黑暗料理/生存料理推荐，娱乐性最强。选择模式后点击生成按钮即可得出今日推荐菜谱。

‌4. 🔄 辅助功能‌

页面左上角有”重置”按钮，方便清空当前选择重新来过；顶部设有”切换”按钮（疑似主题/语言切换）；底部有 4 个导航按钮：”首页””吃什么””帮助””我的”，分别对应首页、菜谱推荐结果页、使用说明与个人收藏（我的）模块，具体功能以最新版为准。

‌三、核心特色与玩法亮点‌

‌1. 以”手头有什么”反向推菜谱，比普通菜谱 App 更贴合真实场景‌

传统菜谱 App 是”先想菜名→查菜谱→再去买菜”的正向流程，而食用手册反其道而行之——”先看冰箱里/手里有啥→再挑能做的菜”，更符合上班族、学生党、租房党”冰箱剩菜凑一顿”的真实做饭场景，解决”有啥做啥”的实际痛点。

‌2. 三种模式覆盖不同心态，从实用到娱乐全兼容‌

模糊匹配解决”今天想简单点”，严格匹配解决”我就这点东西别给我瞎推荐”，生存模式则完全是娱乐向——”食材都凑不齐还能做出啥”的脑洞场景经常蹦出意料之外的菜名，是朋友聚会、情侣一起点时最有笑点的模式。

‌3. emoji 化食材 + 治愈系配色，是工具也是摸鱼小游戏‌

整站用 emoji 做食材图标（🥔🥕🥦🍅），没有复杂的食物实拍图加载，UI 简洁明快、点击反馈干脆，既可以当正经工具用来决定晚饭，也可以当摸鱼网页随手点几下解压，属于”既能用又能玩”的轻量小游戏站点。

‌4. 纯前端开源项目，零隐私风险‌

整站是部署在 Vercel 上的纯前端静态站点，所有逻辑（食材选择、随机匹配、菜谱库）都在浏览器本地完成，不向后端发送用户选择数据，没有账号体系、没有埋点、没有广告，使用过程零隐私风险；代码完全开源可查，前端开发者也可以 fork 下来二次开发或学习 Vue3 项目结构。

‌四、适用人群与典型使用场景‌

‌1. 上班族/租房党的”晚饭吃什么”决策助手‌

下班回家打开冰箱发现只剩土豆、鸡蛋、半根胡萝卜，纠结做什么——打开食用手册勾选这三样+电饭煲/炒锅，模糊匹配下就能得到具体可做的菜谱建议，比漫无目的地翻菜谱 App 高效。

‌2. 厨房新手/学生党/单身独居人群‌

菜谱库内置的都是常见食材+基础厨具能做的家常菜，对厨艺要求不高，适合厨房新手从”手边能买到的食材”开始尝试做饭，避免了”看了一堆菜谱但缺食材缺厨具”的挫败感。

‌3. 情侣/室友/朋友聚会时的随机选菜小游戏‌

生存模式下会出现不少”黑暗料理感”的随机组合，适合朋友聚会、情侣一起做饭时当成”抽卡”小游戏玩，比石头剪刀布决定谁做饭更有节目效果。

‌4. 前端开发者学习参考‌

作为一个 UI 精致、交互完整、部署到 Vercel 的 Vue3+Vite+TS 开源小项目，食用手册的代码结构、组件拆分、静态数据组织都适合前端初学者作为仿写/学习样本。

‌五、使用方法‌

‌1. 打开站点‌

浏览器访问 cook.yyj.moe，无需登录即进首页（默认展示”🥘 先选一下食材”界面）。PC 端与手机浏览器均可使用，手机端竖屏体验更佳。

‌2. 勾选食材与厨具‌

在”菜菜们””肉肉们””主食”三个分组里点击你手头有的食材（可多选，主食可一个都不选）；在”🍳 再选一下厨具”里勾选你能用的厨具（至少勾一个）。选错了点左上角”重置”可以一键清空。

‌3. 选择匹配模式并生成‌

点击”模糊匹配””严格匹配””生存模式”中的任意一个按钮即可生成结果。第一次建议先用”模糊匹配”；如果推荐结果里还有你没有的食材，再切”严格匹配”；想玩一下就切”生存模式”。

‌4. 查看菜谱与重复生成‌

生成后会跳转到结果页（底部导航”吃什么”对应页）展示推荐菜名与做法（具体展示形式以最新版为准）；对结果不满意可以切回首页调整食材或直接再次生成，每次点击都会重新随机。

‌六、与同类”今天吃什么”工具的区别‌

‌1. 相比传统菜谱 App（下厨房/豆果美食/美食杰）‌

传统菜谱 App 是”菜名→做法”的知识库，需要你先想好做什么菜，再去查步骤，菜谱数量大但对”不知道吃什么”的场景帮助有限；食用手册反其道而行，以”手头食材+厨具”为输入条件做反向匹配，决策路径更短，更适合选择困难症场景。

‌2. 相比”随机美食转盘””大转盘吃什么”类纯随机工具‌

市面上很多”今天吃什么”工具是纯随机转盘（随机出火锅/烧烤/麻辣烫/川菜等品类），没有约束、结果经常不切实际；食用手册是”基于你选的食材+厨具”做条件筛选后再随机，结果都是你真的能做出来的菜，实用性更强。

‌3. 相比 AI 菜谱生成类工具‌

AI 类菜谱工具依赖大模型调用、需要网络、可能给出不可靠的自创菜谱；食用手册基于本地静态菜谱库匹配，响应即时、菜谱都是经过验证的家常菜组合，不会出现 AI 幻觉式的离谱做法。

‌4. 相比其他同款”今天吃什么”开源小站‌

市面上类似的 WhatToEat/EatWhat 小工具很多，但大多停留在”随机给个菜名”的极简功能；食用手册增加了食材+厨具双维度筛选、三种匹配模式、emoji 化交互、移动端适配与完整的底部导航，完成度更高、可玩性也更强。

‌七、注意事项与使用提示‌

‌1. 菜谱结果为程序匹配推荐，具体做法请结合个人经验‌

站点给出的是”菜名+基础思路”类推荐，不是完整菜谱教程，具体火候、调味、时间需要结合个人厨艺经验，或配合下厨房等专业菜谱 App 对照操作；厨房新手建议从番茄炒蛋、土豆烧肉、电饭煲焖饭这类容错率高的入门菜开始。

‌2. 生存模式结果请勿较真‌

“生存模式”是娱乐向模式，可能出现一些食材搭配清奇、甚至看起来像黑暗料理的推荐，主要用来搞笑解压，不建议新手照着做；真做饭请优先使用”模糊匹配”或”严格匹配”。

‌3. 食材库与菜谱库持续更新中‌

部分食材（如🐟鱼）标注了 Todo 状态，说明作者仍在持续扩充食材库和菜谱库。如果你发现有常见食材缺失、或希望加入某类菜系，可到项目仓库提 Issue/PR。

‌4. 没有 App，请认准官方域名‌

作者未发布独立 iOS/Android App，任何在应用商店里出现的同名”我们来做菜””食用手册”App 均非作者出品，谨慎下载。官方使用域名为 cook.yyj.moe，作者其他相关站点包括个人主页 yyj.moe。

‌5. 做饭安全提示‌

使用烤箱、空气炸锅、微波炉等厨具时请遵守各自的安全操作规范（微波炉禁金属、烤箱预热防烫、空气炸锅注意油纸防火等），生熟分开、食材熟透再吃，切勿因”随机到的菜谱”忽视食品安全。

‌八、常见问答（FAQ）‌

‌Q1：「我们来做菜！」收费吗？需要注册吗？‌

A：完全免费、无需注册登录、无广告、无付费功能，纯前端开源小工具，打开浏览器直接用。

‌Q2：手机上能用吗？有没有 App？‌

A：手机浏览器访问 cook.yyj.moe 即可使用，页面做了移动端适配。作者没有发布独立 App，直接把网址添加到手机桌面（iOS”添加到主屏幕”、Android”添加到桌面”）即可像 App 一样打开使用。

‌Q3：为什么我选了食材却没有匹配出菜？‌

A：”严格匹配”模式下，如果勾选的食材过少/厨具过少，菜谱库中可能没有满足条件的菜，建议切到”模糊匹配”，或多勾选几样常见食材（鸡蛋、土豆、番茄是百搭组合）。

‌Q4：可以自己加菜谱/加食材吗？‌

A：可以。项目已开源（页面右上角”Code”链接），菜谱库与食材列表以 JS/TS 静态数据形式维护，有前端基础的用户可以 fork 仓库后修改源码、提交 PR 贡献自己的菜谱；普通用户也可提 Issue 建议加入某道菜。

‌Q5：”生存模式”到底是什么？能吃吗？‌

A：生存模式是娱乐向搞怪模式，会在匹配条件上做较大放宽，可能出现”方便面+巧克力+微波炉”这类奇葩组合，主要用来朋友间抽卡搞笑，不保证好吃、也不建议厨房新手真的去做。想吃正经菜请用模糊/严格匹配。

‌Q6：不选食材直接生成可以吗？‌

A：主食标注”不选也行”，但菜菜和肉肉至少建议勾选几样，否则匹配范围过大、推荐结果和纯随机无异；厨具必须至少选一个，否则无法筛选具体做法。

‌Q7：能保存我喜欢的菜吗？‌

A：底部导航有”我的”入口，推测支持收藏功能（具体以当前版本实际可用功能为准）；纯前端站点一般使用浏览器本地存储保存收藏数据，不跨设备同步，清除浏览器缓存会丢失收藏。

‌Q8：这个站和云游君是什么关系？作者还做过什么？‌

A：本站点由独立开发者云游君（yyj.moe）开发维护，作者个人主页 yyj.moe 有其其他项目入口，以 Vue3 前端开源小工具、个人博客与创意网页为主，整体风格偏轻量、治愈、有趣。

首页截图