第一个项目

环境装好了，工具选好了，现在开始做第一个项目。

AI 编程的关键不是会用哪个工具，而是学会怎么提需求。

同样一个 AI，你给的需求越具体，它做出来的东西离你的预期越近。这就像带一个能力很强但不太了解你的实习生——你说得越清楚，他干得越好。

第一次提需求怎么写

别只说"帮我写个网站"。稍微具体一点，AI 出来的结果会好很多：

帮我做一个单页产品网站，目标用户是第一次接触 AI 编程的新手。
要有标题、痛点、解决方案、3 个核心卖点和一个行动按钮。
先看下项目结构，告诉我你准备改哪些文件，确认后再写代码。

提好需求的 3 个要点

1. 说清楚场景和用户：AI 知道目标用户是谁，才能做出合适的设计和文案
2. 明确输出要求：先计划、再执行——让 AI 先告诉你准备怎么做
3. 给具体参考：如果心里有喜欢的网站风格，贴个链接

更多提需求模板

不同项目类型需要不同的提法。看几个实际例子：

做一个小工具页面

帮我写一个网页版的番茄时钟计时器。
功能：25 分钟倒计时、开始/暂停/重置按钮、完成后有提示音。
样式：简约干净，一个 HTML 文件搞定，适合在浏览器里直接打开。

改现有项目

我现在有一个 Next.js 项目，首页有个联系表单。
我想在用户提交后显示一个成功提示，3 秒后自动消失。
不要加第三方库，用 Tailwind 写样式。
先告诉我你准备改哪几个文件，我确认后再改。

调试错误

我在运行项目时遇到这个错误：[粘贴报错信息]
项目用的是 Next.js 16 和 Drizzle。
请帮我分析原因，给出修复方案，一步步来。

把设计变成代码

这个是我想要的效果截图：[上传图片]
帮我用 HTML + Tailwind 实现这个页面。
先分析布局结构，告诉我你准备怎么做，我再确认。

提需求的原则都一样：说清楚当前状态、目标状态、约束条件。越具体，返工越少。

做项目的正确姿势

很多新手拿到 AI 工具后，第一反应是把整个需求一次性丢给 AI。结果 AI 改了一堆文件，有些不是你想要的，回退又麻烦。

我建议按这个流程来：

1. 先计划

不管项目大小，先花 1 分钟跟 AI 对齐目标：

我想做一个 [XX]，核心功能是 [A, B, C]。
先帮我列一下需要创建或修改哪些文件，每个文件负责什么。
等我确认了再开始写代码。

这一步的目的是让 AI 和你对"做什么"达成共识。AI 列完计划后，你扫一眼就能发现有没有跑偏。

2. 再执行

确认计划没问题，告诉 AI 开始写代码。建议分步走，不要一次性让 AI 做所有事：

• 第一轮：搭骨架（项目结构、路由、主要组件）
• 第二轮：加功能（核心逻辑、数据流）
• 第三轮：做样式（UI 美化、响应式）
• 第四轮：修 bug（跑起来后逐步排查）

每一轮之间先验证，再继续下一轮。

3. 验证结果

AI 改完后，不要直接说"好了"——跑起来看看。检查：

• 功能对不对（点一下按钮、填一下表单）
• 控制台有没有报错（Chrome F12 看 Console 面板）
• 手机视图下显示正不正常（Chrome F12 切到手机模式）

发现问题直接把现象描述给 AI：

点击提交按钮后没有反应，控制台报错 "xxx is not defined"。
帮我修一下。

4. 迭代改进

做完基础功能后，再考虑优化。不要一开始就追求完美。先有个能跑的东西，再逐步改进。

这个过程我用一个词总结就是 分步验证 ——每次只让 AI 改一个合理的范围，改完确认没问题再继续。这比一次性丢给 AI 十个需求然后花半小时修 bug 要快得多。

推荐项目：复现一个网站

最快的学习方式就是做真实项目。推荐试试：

• 10 分钟入门 AI 编程：复现猫咪补光灯网站——跟着教程做第一个前端小项目
• 或者自己挑一个简单的网页，让 AI 帮你复现

这个教程涵盖了一个完整的 AI 编程流程：从提需求、生成代码、到验证结果。做完它，你就掌握了最核心的流程。

适合新手的更多项目选题

做完猫咪补光灯之后，可以试试这些：

• 个人名片页： 一页介绍你自己、你的技能和项目链接。部署到 Vercel 或 Cloudflare Pages 就是你的线上名片。
• 工具页面： 比如一个 Markdown 预览器、二维码生成器、或密码生成器。小但有实际用途。
• 产品 Landing Page： 选择一个你感兴趣的产品概念，做一个宣传页面。练的是需求描述和设计还原能力。
• 个人博客基础版： 用 Next.js 或 Astro 搭一个简单的博客，能发文章就行。比前面几个复杂一点，适合第二个项目。

选题原则：选你能在 1-2 小时内做完的。 项目太小学不到东西，项目太大容易放弃。一个能做出来跑起来的小项目，比一个只开了个头的复杂项目有用得多。

接下来你可以：

• 选一个 AI 编程工具（推荐 Codex 或 Trae，新手建议从 Trae 开始）
• 用上面的模板写第一个需求，从"先计划"开始
• 完成10 分钟猫咪补光灯网站，体验完整流程
• 做完后再试一个自己的小项目，练习"先计划→再执行→验证结果→迭代"
• 遇到问题随时回来查AI 编程工作流