AI Coding 全栈实战

不教编程基础。教你怎么用 AI，把产品从 0 做到能上线。

AI CODING · 总览

先写清要做什么、别做什么、怎样算做完，再让 AI 动手。四个场景按序跟；卡住了再查习惯和工具链。

场景 4案例 晨悦·生活小程序

从哪开始 →

本页要点

• 四个场景各自交什么、按什么顺序走
• 跟 AI 协作时固定怎么派活、怎么收工
• 按自己现状选一个入口开干

壳和切片壳是晨悦·生活小程序（真仓有家庭成员：宝宝 / 老人 / 毛孩子 / 孕期等）。本课默认练的一块是「今天吃什么」：选用餐场景 → 菜品列表 → 详情。换成订单、课程列表也行，步骤一样，只换名字和字段。

产品真源 生活馆六段与「今天吃什么」契约见 晨悦生活。 课上切片对齐全用演示检查单 Track B。

四个跟做场景

场景一：PRD → 原型           先做出能点的静态页
    ↓
场景二：生活小程序 · 前端      工程目录、组件约定、假数据跑通
    ↓
场景三：生活小程序 · 后端      接口、库表、能部署（加分：接上前端）
    ↓
场景四：编排平台               看清边界，做一次小改 + 运维检查

场景	做完手里该有	入口
一	能点的原型 + 用过的 Prompt	场景一
二	目录分工清楚 + 假数据主路径能点	场景二
三	三个只读接口能 curl 通 + 种子数据可重复灌	场景三
四	一页架构备忘 + 一次改动记录或检查表	场景四

习惯与工具链：编码习惯 · 工具链。开干前扫一眼即可，不必先读完。

目录以本站 Coding 侧栏为准（现网：场景一～四 + 生活馆）。阶段轨草稿见 归档说明。

跟 AI 怎么协作

四个场景里，派活方式是同一套（模板在 Prompt 工程）：

1. 写清任务：要什么结果、改哪些文件、别动什么、怎样算做完
2. 先让它复述：复述对了，再让它改代码
3. 看它改了什么：有没有动到范围外的文件
4. 你自己点一遍：按清单验收；它报「完成」不算
5. 不对就贴现象：少说「再优化一下」；同一处磨超过三轮，先回滚再拆小任务

从哪开始

现状	入口
编辑器还没配好	Cursor / CodeBuddy 配置
环境 OK，想动手	场景一
已有短 PRD	直接场景一；习惯页当词典
上次做到一半翻了	常见坑 / 前端避坑，回滚后再开小任务

终端和 Git 几乎没碰过的，先把编辑器环境检查跑通，再进场景一。

建议节奏

周	内容	再进入下一周前
1	编辑器 + 场景一	静态页主路径能点
2	场景二	开发预览主路径通
3	场景三	三个接口 curl 通
4	场景四	有架构备忘，或完成一次受控小改

每周只提交自己验收过的改动。