0.4 核心思路与原则
把 AI 当一个超级能干的实习生:不怕苦、不怕重复,但要把目标讲清楚。它也会偶尔「脑补剧情」。下面这些原则能少走弯路。
原则 1: 从示例代码开始
❌ 不要: 让 AI 从零开始自由发挥
✅ 要做:
- 找到类似的示例代码/模板
- 让 AI 参考已有代码进行修改
- 这样能避免 AI 瞎编导致的问题
示例 Prompt:
我想做一个落地页网站,类似 https://example.com
请参考这个网站的布局和功能,帮我创建一个类似的项目原则 2: 提供文档和指南
- ✅ 将开发指南、API 文档发给 AI
- ✅ Markdown 格式最方便 AI 读取
- ✅ 让 AI 按照官方文档写代码,准确率更高
就像「把说明书给实习生看一遍再干活」。别担心发太多,AI 不会嫌烦。
示例 Prompt:
我把 Next.js 的官方文档放在这里了(附加文件)
请按照文档中的最佳实践,帮我搭建项目原则 3: 小步迭代,不要贪大
❌ 不要: 一次性要求完整的复杂功能
✅ 要做:
- 先写一个小功能,跑通了再继续
- 不断添加和优化功能
- 每一步都验证效果
示例流程:
原则 4: 保持耐心,拥抱报错
- ✅ 碰到报错是正常的(这是 AI 编程的日常)
- ✅ 不要沮丧,把它当成解谜游戏
- ✅ 完整描述问题,给出报错内容
- ✅ 让 AI 帮你分析和解决
调试思路
原则 5: 看不懂代码也没关系
🎯
你不需要理解每一行代码的含义!
你只需要:
- 知道代码的大致作用(AI 会解释)
- 能运行代码(AI 会告诉你命令)
- 能验证效果(在浏览器中查看)
- 碰到问题能描述清楚(告诉 AI 哪里不对)
🚗
类比:
你不需要懂引擎原理才能开车。
你也不需要懂底层逻辑才能用 AI 做产品。我们学的是「开车」,不是「造发动机」。
💪 5分钟实战练习
🎯
目标: 实践「小步迭代」原则 - 用3步对话做出一个产品
你会学到: 复杂功能要拆开做,每步验证再继续!
任务: 用小步迭代的方式,做一个「随机名言生成器」
步骤 (严格按顺序,不要跳步!):
第1轮对话: 先做最简单的版本
帮我做一个网页,功能:
- 显示一句励志名言
- 有一个按钮「换一句」,点击显示另一句名言
- 准备5句不同的励志名言
只要这些功能,给我完整的HTML代码。验收第1轮:
- 新建
quotes.html,粘贴代码,打开测试 - ✅ 能看到名言
- ✅ 点击按钮能换名言
第2轮对话: 添加动画效果
现在优化一下:
- 切换名言时添加淡入淡出动画
- 名言文字加大,居中显示
- 按钮改成圆角,加上悬停效果验收第2轮:
- 刷新页面,查看效果
- ✅ 切换有动画
- ✅ 样式更好看了
第3轮对话: 增加新功能
再添加这些功能:
- 添加一个「分享到Twitter」按钮
- 名言下方显示作者名字
- 背景改成渐变色验收第3轮:
- 再次刷新,查看最终效果
- ✅ 有分享按钮
- ✅ 显示作者
- ✅ 背景是渐变色
💡
关键领悟:
注意到了吗?
- 第1轮: 最简单的能用版本 (2分钟)
- 第2轮: 优化体验 (2分钟)
- 第3轮: 添加高级功能 (2分钟)
每一步都验证成功后再继续 - 这就是「小步迭代」!
如果你一开始就要求所有功能,AI可能会:
- 生成的代码太复杂,容易出bug
- 你不知道哪里出问题
- 改起来很困难
小步迭代 = 每步都可控 = 更容易成功!
⚠️
常见错误:
❌ 不验证第1轮,直接提第2轮需求 ❌ 一次性要求10个功能 ❌ 报错了不解决,继续加新功能
✅ 正确做法: 每轮都打开网页看看,确认无误再继续!
下一节: 核心概念速查 - 掌握常用术语,看懂技术文档。
Last updated on