切换深色模式
Vibe Coding：AI 辅助开发
这个模块系统整理如何用 AI 从想法推进到可运行项目。首页只保留学习入口和路线，概念、工具、Prompt、工作流、项目、安全等细节分别放在下面的子页面中。
重要提醒
Vibe Coding 可以加速原型、学习项目、个人工具和 MVP 验证，但不能替代需求确认、代码审查、测试、安全检查和人工判断。
从创意到 AI 产品
Vibe Coding 的核心变化是：自然语言正在成为新的开发入口。过去最难的是“怎么写代码”，现在更关键的是“你到底要做什么、给谁用、第一版做到哪里”。
这个模块按从易到难组织：
| 阶段 | 目标 | 你会练到什么 |
|---|---|---|
| 新手入门 | 建立 AI 编程手感 | 用 AI 解释代码、生成小页面、修简单错误 |
| 产品原型 | 把想法变成 Demo | 需求拆解、SPEC.md、TASKS.md、页面原型、AI 功能接入 |
| 完整应用 | 做出可运行产品 | 前端工程、API、数据库、部署、反馈迭代 |
| 高级工程 | 构建复杂 AI 系统 | MCP、RAG、工作流编排、多端应用、工程化维护 |
学习时不要只追工具清单。更重要的是形成闭环：
01想法先说清楚用户、场景和核心问题。
02需求整理成 SPEC.md 和可验收范围。
03原型用最少页面验证主要流程。
04开发按 TASKS.md 小步实现和检查。
05验证调试、测试、代码审查和安全检查。
06上线部署、收集反馈，再继续迭代。
新手先跑通
从 Landing Page 和 Todo App 开始，重点是能运行、能解释、能部署。
产品先收敛
先把想法写成 SPEC.md，控制第一版范围，不让 AI 自己扩需求。
开发者先守质量
把 AI 放进 Git、测试、审查和安全流程，而不是只追生成速度。
核心入口
推荐学习路线
零基础用户
从概念和简单页面开始，不要一开始做复杂全栈项目。
- 什么是 Vibe Coding
- Vibe Coding 适合做什么项目
- 本地开发环境准备
- 编程 Prompt 入门
- Landing Page 实战
- Todo App 实战
- 静态站点部署
- Vibe Coding 常见风险
产品经理和独立开发者
重点学习如何把想法变成清楚需求，再做可演示原型。
开发者
重点把 AI 放进真实工程流程，并用 Git、测试和审查控制风险。
模块结构
| 板块 | 适合解决的问题 |
|---|---|
| 基础认知 | 先理解概念、边界、适合人群和学习路径 |
| 工具与环境 | 选择工具，准备本地环境，学会 Git 和 GitHub |
| Prompt 与需求表达 | 把想法转成需求、规格文档、任务清单和可执行 Prompt |
| 工作流 | 按小步开发、计划、审查、人工确认推进项目 |
| 项目实战 | 用项目练习页面、交互、搜索、插件、API 和全栈能力 |
| 质量控制 | 检查 AI 代码、调试问题、补测试、做安全审查 |
| 部署维护 | 把项目上线，并处理环境变量、域名、文档和维护 |
| 安全边界 | 避免密钥泄露、权限错误、数据库风险和生产事故 |
先读哪几篇
如果时间有限，建议先读这 6 篇：