怎么给 AI 布置任务
“Vibe coding”课程第 4 课,共 26 课。免费,有动画和小测验。
描述你要的结果
不要说“做个网站”,而要说清楚:给谁用、有哪些板块、哪些按钮、手机上长什么样。例如:“给咖啡店做一个单页网站:菜单、地址、Telegram 下单按钮、深色主题、手机上好用。”AI 不知道你的打算,空白处它只能随便填。描述越精确,返工越少。
小步推进
功能(feature)就是项目里的一个部分,比如菜单或报名表单。一次只要一个功能:先搭框架,也就是页面的空骨架,再做菜单,再做表单。测好、保存、继续。如果一次全要,AI 容易乱,你也搞不清是哪里坏了。小步骤好测试,也好撤回。
保存、回退、部署
保存:把能用的版本固定下来,之后可以回到它。很多 AI 工具有版本历史,程序员则用 Git,一个保存代码各个版本的程序。回退:新步骤把东西弄坏时,回到上一个能用的版本。部署(deploy):把项目放到网上,别人点链接就能打开。这一步放在最后,等一切都测好再做。
把报错完整发过去
如果哪里不能用,先找到报错文字。它通常以红字出现在浏览器控制台里:在电脑上按 F12,打开 Console 标签。把报错完整复制下来,并说明你出错前做了什么。只说“不能用”,AI 只能瞎猜。给出像“Cannot read properties of undefined”这样的准确报错,它常常能马上找到原因。
自测一下
- 哪个任务描述更好?
正确答案: “摄影师网站:作品集、价格、Telegram 按钮、手机上好用”. 具体的板块和要求能省下好几个小时的返工。“好看”“跟别人一样”,AI 只会按自己的理解来。 - 做项目最好怎么推进?
正确答案: 一次一个功能,每个都测试. 小步骤容易测试和撤回。出了问题,马上知道是哪一步造成的。 - 代码报错了,该发什么给 AI?
正确答案: 完整的报错文字和你做了什么. 准确报错加上你的操作步骤,是最快的修复路径。只说“坏了”,AI 只能猜。
← 网站由什么组成 先做计划:一页纸需求 →