跳到主要内容

实战篇

通过真实问题展示 AI 辅助开发的全过程。

本章设计理念

与教程式的按部就班不同,本章每个练习都从一个模糊的需求或问题开始,展示如何与 AI 协作探索解决方案的完整过程。

你将看到:

  • AI 如何帮助分析现状、发现问题
  • 如何与 AI 讨论多种方案并做出决策
  • 遇到技术问题时如何系统性排查
  • 完整的迭代优化过程

案例载体

所有练习都基于本项目(Vibe Coding 入门实践网站)进行,你将实际参与网站的改进工作,包括:

  • 重构导航结构
  • 添加新功能
  • 修复构建错误
  • 优化代码质量

练习列表

练习一:需求澄清与方案探索

问题:"我觉得现在的网站导航有点乱,想改进一下,但不清楚怎么改比较好"

学习点:如何用 AI 帮助分析现状、探索方案、做出决策

开始练习

练习二:排查与修复问题

问题:"网站构建失败了,报错信息很长,不知道从哪看起"

学习点:如何让 AI 帮你诊断问题、解释技术错误、系统性排查

开始练习

练习三:技术选型与实现

问题:"我想给网站加个搜索功能,但不知道选什么方案"

学习点:如何用 AI 做技术调研、评估权衡、处理实现细节

开始练习

练习四:代码审查与优化

问题:"我写了一段代码,感觉不够优雅,想让 AI 帮我看看"

学习点:如何用 AI 做代码审查、重构、提升代码质量

开始练习

练习五:多轮迭代完成复杂功能

问题:"我想重新设计整个网站结构,但这是个不小的改动"

学习点:完整的 AI 辅助开发工作流、项目管理、并行任务处理

开始练习

学习建议

  1. 按顺序完成:练习按难度递进,建议按顺序完成
  2. 动手实践:不要只看,要亲自操作
  3. 记录问题:记录你遇到的问题和解决方法,便于回顾
  4. 举一反三:思考如何将这些方法应用到你的实际项目中

前置要求