第 26 课：用 Codex 搭建 MVP（上）

第五章：产品实战：从想法到上线 | 第 26 课

课前思考

PRD 写好了，现在要把它变成真实产品。这一课是实操——用 Codex + AI 从零搭建 MVP 的前半段：项目骨架、数据存储、核心功能。

---

一、MVP 范围收缩

上节课的 PRD 列了 10 个功能。MVP 只做最核心的 3-4 个——那些「没有它产品就没有意义」的功能。

原则：砍到你觉得不舒服了，才是真正的 MVP。

---

二、搭建项目骨架

在 Codex 中描述你的需求：

「做一个极简读书笔记工具，技术栈用 React + Vite。
功能：添加笔记（书名、摘录内容、页码）、笔记列表展示、本地存储。」

项目结构：
src/
├── App.jsx        # 主组件
├── components/
│   ├── NoteForm.jsx   # 添加笔记表单
│   └── NoteList.jsx   # 笔记列表
└── utils/
    └── storage.js     # localStorage 操作

---

三、逐个实现核心功能

第一步：数据模型 让 AI 先生成数据结构和存储逻辑，确认后再继续。

第二步：添加笔记功能 实现表单、输入验证、保存逻辑。每完成一步就让 AI commit。

第三步：笔记列表展示 确保能正确读取和显示所有笔记。

---

课后练习

1. 用 Codex 或 Claude Code 搭建你 MVP 的项目骨架
2. 实现核心功能的前半部分（数据模型 + 创建功能）