vibe coding 第一个项目怎么做?从选题到跑通手把手

新手第一次 vibe coding,真正卡住你的从来不是工具,是两件没人教的事:不知道第一个项目做什么,不会把需求说清楚。这篇就专治这两个卡点——给你 5 个现成选题、一份可直接照抄的中文需求模板、一个从头跑到尾的完整示范,再加一份跑错了怎么办的急救清单。

vibe coding 第一个项目手把手流程图:选题判断、可抄需求模板、完整示范与卡点急救的新手闭环

⏱️ 预计阅读 17 分钟 | 🎯 目标:专治新手第一次 vibe coding(凭感觉跟 AI 对话写代码)真正卡住的两件事,不知道做什么、不会说需求,带你从选题一路跑通。

网上的"vibe coding 实战教程",大多默认你已经知道要做什么,直接教你点哪个按钮。但你我都知道,新手真正卡住的,是更前面的那一步。这篇就从那一步开始。


30 秒答疑(先看这个)

第一个 vibe coding 项目,最该记住两句话:选一个"小、清晰、你真用得上"的东西,把需求按"输入+处理+输出+特殊要求"说清楚。

不知道做什么?直接从这张表挑一个:

你手头有什么 第一个项目就做 为什么适合新手
一堆乱七八糟的文件 批量处理小工具 需求最清晰、成功率最高,首选
想要个能用的小东西 单页记录类小网页 看得见界面,反馈直观
工作中有重复操作 自动化小脚本 立刻解放重复劳动
完全没想法 跟本文做"文件批量改名" 现成例子,照着走一遍

最该记住的一句话:第一个项目的目标不是做出多厉害的东西,而是完整走通一遍"描述需求 → AI 生成 → 跑起来验证 → 给反馈 → 改好"的循环。跑通一遍,你就入门了。

下面手把手拆每一步。还没搞清 vibe coding 是什么、工具该怎么选,先看 vibe coding 完全指南工具怎么选


一、新手第一次 vibe coding,真正卡的不是工具,是这两件事

新手第一次 vibe coding 真正卡住的两件事:选题与需求表达

先说一个反直觉的真相:第一次 vibe coding 失败的人,几乎都不是败在"不会用工具",而是败在更前面的两件事上。

  • 卡点一:不知道第一个项目该做什么。 工具装好了,光标在那闪,你盯着屏幕:"我做点啥?"一旦想做个大的("做个像小红书那样的 App"),立刻就崩。
  • 卡点二:不会把需求说清楚。 好不容易想到做什么,一开口就是"帮我做个网站",AI 给的东西完全不是你想要的,来回几轮就泄气了。

🔥 翔宇判断

我观察过大量新手的第一次 vibe coding,结论非常明确:真正的拦路虎是"选题"和"需求表达"这两件没人教的事,而不是工具操作。 市面上的教程花 90% 篇幅教你点哪个按钮、敲什么命令,却跳过了新手真正卡住的前两步。这篇反过来,把大部分篇幅花在"选什么"和"怎么说"上,因为这才是决定你第一个项目成败的地方。

这个场景你可能正在经历:你跟着某篇教程把工具装好了,教程接着讲"现在输入你的需求",然后你就卡住了。要么脑子一片空白不知道做什么,硬想了个"做个能管理我所有事情的 App"这种大到没边的东西;要么好不容易想到做什么,打了句"帮我做个工具",AI 反问你一堆细节,你答不上来,来回几轮就烦了,关掉页面,心想"vibe coding 也就那样"。其实你离成功只差两件小事:把项目选小、把需求说清。 这两件事这篇全包了,跟着走就行。

所以这篇的结构很简单:先帮你解决"做什么"(§二、§三给现成选题和需求模板),再带你"怎么跑"(§四完整示范),最后给你"卡住了怎么办"(§五急救)。一路扶着你跑通第一次。


二、第一个项目选什么:3 个标准 + 5 个现成选题

vibe coding 第一个项目五个现成选题图

2.1 好的"第一个项目",满足 3 个标准

  • 足够小(一个单一功能):只做一件事。"批量压缩图片"是一件事,"做个图片管理网站"是几十件事。越小,AI 一次做对的概率越高,你越容易判断对不对。
  • 需求清晰(你能一句话说明白):说不清要什么,就不适合当第一个。"把图片缩到 800 像素宽"清晰;"做个好用的工具"不清晰。
  • 你真的用得上:选你真需要的,而不是为练习随便编。真需求做出来立刻有正反馈("我真省事了"),动力最足,验收也更准。

💡 通俗讲

选第一个项目像学做菜选第一道菜。你不会上来挑佛跳墙,而会选番茄炒蛋:步骤少、好判断熟没熟、做出来自己能吃。第一个 vibe coding 项目同理:小、清晰、自己用得上。佛跳墙留到练熟之后。

2.2 没想法?5 个现成选题直接挑

挑一个你真需要的,下一节给你配好需求模板:

  1. 文件批量改名/归类(首选):照片按日期改名、下载文件夹按类型归类。需求极清晰、结果一眼可验。
  2. 图片批量处理:批量压缩、批量改尺寸、批量加水印。一次性体力活,AI 最擅长。
  3. 单页记录小网页:喝水打卡、读书记录、记账。看得见界面,成就感最强。
  4. 文本批量整理:把一批乱格式的文本去多余空格、统一格式、排序。对应真实的办公重复劳动。
  5. 简单数据统计:把一堆记账/订单数据让 AI 写脚本统计、出个简单图表。你不用会分析,只要说清想看什么。

🔥 翔宇判断

这 5 个里我最推荐从**第 1 个(文件批量改名/归类)**开刀。原因有三:范围最小、结果最好验证(改完名一眼看出对错)、还顺手治好你乱了半年的文件夹。别小看"改文件名"这种朴素需求,能完整跑通它,你就走通了 vibe coding 的全部核心循环,这比做一个花哨但半生不熟的"大项目"有价值得多。

2.3 这 5 个选题,第一句话该怎么开口

很多人挑好了选题,又卡在"那我第一句到底打什么字"。给你 5 个直接能用的开场(具体填空看下一节模板):

  1. 文件改名/归类:「我有个文件夹,里面文件很乱,帮我做个工具,按文件类型分到几个子文件夹里。」
  2. 图片批量处理:「我有一批图片,帮我做个工具把它们批量压缩到合适大小,输出到新文件夹,原图别动。」
  3. 记录小网页:「帮我做个单页网页记录每天喝水量,点按钮加 250ml,显示今日总量,数据存本地。」
  4. 文本批量整理:「我经常收到格式很乱的文本,帮我做个工具自动去掉多余空格、统一格式、排好序。」
  5. 数据小统计:「我有一份记账数据,帮我做个工具统计每个月各类别花了多少,最好出个简单图表。」

这些只是开场白,真正发给 AI 时按下一节的模板把细节填全,效果更好。

💡 通俗讲

开场白就像点菜时第一句"我想吃面",服务员还会追问"什么面、要不要辣、加不加蛋"。你把这些(输入、处理、输出、特殊要求)一次说全,就少了好几个回合的来回。下一节的模板,就是帮你一次把"面"点清楚。


三、可直接照抄的中文需求模板(填空式 + 范例)

vibe coding 可照抄需求模板:输入处理输出特殊要求四要素

"需求说不清"是头号翻车原因。给你一个能直接套用的万能模板,这是本文最该收藏的部分

3.1 万能填空模板

帮我做一个【工具/网页/脚本】,功能是:
- 输入:我有【什么东西/什么数据】
- 处理:把它【做什么处理】
- 输出:得到【什么结果,放在哪】
- 特殊要求:【有什么边界情况要注意,比如跳过什么、不动什么】
(涉及改动/删除文件时,加一句:做之前先告诉我你打算怎么做,我确认后再执行)

把"输入、处理、输出、特殊要求"四件事填全,AI 一次做对的概率立刻翻倍。

3.2 两个填好的完整范例

范例一 · 文件批量改名

帮我做一个小工具,功能是:输入是一个文件夹里的照片(jpg 和 png);处理是按拍摄日期把它们重命名成「2024-06-01-001」这种格式;输出还放在原文件夹;特殊要求是不要覆盖已有的同名文件、遇到没有日期信息的文件就跳过。做之前先告诉我你打算怎么改,我确认后再执行。

范例二 · 记账小网页

帮我做一个单页网页,功能是记账:输入是我手动填的金额和分类(吃饭/交通/购物);处理是点保存就记一笔、并累加当月每个分类的总额;输出是把各分类总额显示在页面下方;特殊要求是数据存在浏览器本地、手机上也要能正常显示。先做出最简单能跑的版本给我看,我们再慢慢加。

范例三 · 文本批量整理

帮我做一个小工具,功能是:输入是一个文本文件,里面每行是一条记录但格式很乱;处理是把每行开头结尾的多余空格去掉、把中间连续的多个空格压成一个、再按拼音顺序排好;输出成一个新的文本文件,原文件不动;特殊要求是空行直接跳过、不要报错。先拿我给的这个示例文件跑通,再处理我的真实数据。

三个范例你会发现一个共同点:都把"输入是什么、做什么处理、输出到哪、有什么例外"四件事说得清清楚楚。这不是啰嗦,正是这份具体,让 AI 不用猜、一次就能做对你想要的。

3.4 模板常见的两个填错

新手用模板还容易在两处填得不到位,提醒你:

  • "处理"写得太笼统:写"整理一下"不如写"去掉空格、按 A-Z 排序"。处理步骤越具体,结果越准。
  • 漏了"特殊要求":最容易翻车的恰恰是边界情况(空行、重名、找不到的数据)。提前想一句"万一遇到 X 怎么办"写进去,能省掉一轮返工。

3.5 对照一下,你就懂这一步多值钱

模糊版(AI 容易做歪) 清晰版(AI 一次到位)
「帮我整理表格」 「我有个 Excel,A 列姓名 B 列金额,按金额从高到低排序,重复姓名合并求和,输出成新表」
「做个提醒喝水的」 「网页,每点一次按钮加 250ml,显示今日总量,存浏览器本地,每天清零」
「把文件归类」 「把这个文件夹的文件按扩展名分到 图片/文档/视频 三个子文件夹,原文件移过去不复制」

清晰版多花的,就是把四件事说全。这点额外的描述时间,省掉的是好几轮"AI 做歪了再返工"的来回。 想更系统地练,看 Claude Code 提示词怎么写


四、怎么从头到尾跑通?一个完整示范

光有模板还不够,看一次完整的过程你就敢动手了。用"文件批量改名"带你走完全程。

第 1 步 · 用模板说清需求

打开你的工具(怎么选),把 § 3.2 范例一 那段需求发给它。

第 2 步 · AI 先说计划,你确认

因为需求里加了"先告诉我你打算怎么改",AI 会先说它的方案(比如"我打算读每个文件的拍摄日期,按日期+序号重命名,跳过没日期的")。你看着没问题,回"可以,开始吧"。这一步是涉及文件操作时的安全闸,别省。

第 3 步 · 拿测试文件夹跑,亲眼看结果

别用你的重要照片直接试,先复制几张到一个测试文件夹,让工具处理它,然后亲眼去看:名字改对了吗?格式对吗?有没有误删?

第 4 步 · 不对就具体反馈

假设你发现有几个没有日期信息的文件报错了。别只说"报错了",要具体:「有几个没有拍摄日期的文件报错了,帮我处理一下,这种就跳过、保持原名不动。」

第 5 步 · AI 修好,再验一遍

AI 改好,你再跑一遍测试文件夹。这次顺了。确认无误,再用到真实文件上。

第 6 步 · 想加功能就继续说

不错。再帮我加一个功能:改完之后生成一个清单文件,记录每个文件改名前后的名字。

一次加一个、加完就跑一下确认。等你满意了,第一个项目就完成了。

💡 通俗讲

这 6 步像教人帮你打扫房间:先说清扫哪几间、要不要拖地(说需求)→ 他说"那我先扫客厅再拖地"(说计划)→ 你说可以 → 他扫(生成)→ 你进去看干不干净(验证)→ "这角落还有灰"(具体反馈)→ 他补扫(修)。你全程没碰扫把,但你得会说清楚、会验收。

看明白这一遍,你已经超过了一半只看过"概念文章"的人,因为你知道它真实跑起来什么样、会在哪出岔子、出了岔子怎么办。

4.1 复盘:这一遍你其实拿到了三样东西

跑通这么一个小小的改名工具,看起来不起眼,但你实际上拿到了三样很值钱的东西:

  • 一个能跑、你真用得上的工具:你的文件夹真的被整理好了,这不是练习题,是真成果。
  • 一套可复用的工作循环:"说清需求 → 让它先说计划 → 跑起来验证 → 具体反馈 → 小步加功能"。这个循环你下次做任何项目都照用,它才是你真正学到的东西。
  • 一个心理上的转变:你对"我能不能用 AI 做东西"的答案,从"不知道"变成了"能"。这个转变,比那个改名工具值钱一百倍。

🔥 翔宇判断

我特别想强调中间那条"可复用的循环"。很多人盯着"我做出了什么工具",但真正该带走的是"我学会了怎么和 AI 协作做东西"这套流程。 工具是一次性的,流程是可迁移的:今天用它改文件名,明天用同一套流程做网页、做脚本、做你想做的任何小东西。第一个项目的真正产出,不是那个工具,是这套刻进你肌肉记忆的循环。


五、跑错了怎么办:新手卡点急救清单

vibe coding 新手卡点急救清单图

第一个项目跑出问题是完全正常的,不是你笨。给你一份带"可照抄求救话术"的急救清单。

5.1 报错了

把报错原样复制,连同"我刚才让你做什么"一起发给 AI。照抄话术:

我运行的时候出现了这个报错(贴上完整报错),帮我看看是什么意思、怎么修。

关键是贴完整报错,别只说"报错了"。

5.2 改了几轮还是不对

换策略,照抄其一:

这个问题我们改了好几轮还没解决,你换一种完全不同的思路重新实现一下这个功能。

或者把需求拆得更小,先只做最核心的一点,跑通了再加。有时开一个新对话重新描述,比在乱掉的旧对话里硬改更快。

5.3 它要删/改文件,你慌了

照抄话术:

在你动任何文件之前,先列出你准备新建、修改、删除哪些文件,等我确认后再执行。

第一个项目尽量拿测试文件夹练手,别直接对重要资料动手。

5.4 它反过来问你问题,你答不上来

照抄话术:

这个我不太确定,你按最常见的默认做法选一个,继续就行。

你不需要假装懂,把判断权适当交还给它,是新手阶段完全合理的做法。

5.5 完全看不懂它在干嘛

照抄话术:

用大白话解释一下你刚才做了什么、大概是怎么实现的,我想听个大概。

第一个项目不强求看懂,但听个大概能帮你在它出错时给更准的反馈。

🔥 翔宇判断

新手遇到问题最容易做的错事,是"自己干瞪眼研究半天"或"直接放弃"。其实最高效的动作特别简单:把问题原样丢回给 AI,并且问得具体。你正在用的 AI 就是你 24 小时在线、不嫌问题蠢的老师。卡住的第一反应永远应该是"问它",而不是"我是不是不行"。上面这些话术,存下来照抄就行。


六、动手前要准备什么?(最小准备)

准备工作很少,五分钟搞定:

  • 一个 AI 编程工具:装好 Claude Code 或 Codex(两款主流的 AI 编程助手,任选其一,见 工具怎么选)。新手选桌面应用或编辑器扩展入口,门槛最低。
  • 想好你的第一个项目:参照 § 二 挑一个,或直接用文件改名。
  • 一个安全练手场:要动文件就先建个测试文件夹(复制几个文件进去),别一上来对重要资料动手。
  • 正确的心态:接受"第一个项目能跑就是胜利",不追求完美、不追求做大。

不需要的:不用先学编程语言、不用高配电脑、不用看完一堆教程。你现在就能开始。

最该准备好的,其实是一个心态:第一个项目,允许自己做得"小而粗糙"。 新手最大的内耗,是还没开始就想着"要做就做个像样的",结果在脑子里把项目越想越大、越想越不敢动手。请记住,你现在不是在交作品,是在跑通一次流程。哪怕做出来的东西丑、功能少、只能处理你那一个文件夹,都没关系,它跑通了,目的就达到了。把"做个惊艳的东西"这个包袱放下,你才迈得出第一步。


七、翔宇的真实判断:第一个项目最该避开什么

讲讲我观察到的规律,不是让你照抄,给你个参考坐标。

我自己整套工作流里大量工具,最早都是从一个个"小到不能再小"的需求开始的:需要批量处理点东西、需要自动化某个重复操作,就让 AI 做个小工具。我从不为了"练习"做没用的东西,每个第一步都是真需求,这样动力最足、验收也最准。

我观察到新手第一个项目最该避开的:

  • 避开"贪大":上来就想做完整产品,结果 AI 做乱了自己又收拾不了,信心崩盘。第一个越小越好。
  • 避开"不验证":AI 说做好了就信,结果交付一个根本没跑对的东西。每一步都自己跑、自己看。
  • 避开"在选工具/选题上无限纠结":纠结半天不动手,是最大的隐形损失。挑一个就开始。

❗ 翔宇提醒:第一个项目最常见的翻车

新手第一个项目最常见的两种翻车:一是贪大,上来想做完整产品,AI 做乱了自己收拾不了,信心崩盘;二是不验证,AI 说"好了"就信,结果做了个根本没跑对的东西。这两个坑的解药都在前面:项目选小、每步都跑。 把这两条做到,第一个项目的成功率高得惊人。


八、跑通第一个之后,第二个该做什么?

恭喜你跑通了第一个,现在你已经入门了。第二个怎么进阶:

你的状态 第二个项目建议
第一个是单功能工具 做个有两三个功能的小东西(如简单记录类小应用)
想练"需求拆解" 选稍复杂的需求,刻意练"拆成小步、逐步验证"
项目开始变乱 学着给项目建说明文件(见 CLAUDE.md 怎么写
想系统提升 回看 AI 编程入门完整路径 的 4 周计划
想真正理解这套方法 vibe coding 完全指南 的工作流程和边界

核心原则:每个项目比上一个稍大一点点,循序渐进,别跳级。 你做的每个项目,都是在为做更大的东西攒手感。

举个循序渐进的例子让你有画面:第一个做"文件批量改名"(单功能);第二个做"记账小网页"(有输入、保存、统计几个功能);第三个试着给记账网页加上"按月份筛选""导出账单"(学着在已有项目上叠加功能);第四个可能就是把这些串起来,做个真正自己天天用的小工具了。你看,每一步只比上一步多迈一点点,但几个项目下来,你能做的东西已经天差地别。 这就是"先做后学、循序渐进"的复利:别指望第一个就一鸣惊人,但只要持续做下去,三个月后的你会感谢现在迈出第一步的自己。


九、自检 + 一句话收官

开始你的第一个 vibe coding 项目前,对照这份清单:

  • [ ] 我的第一个项目,是不是只做"一件事"(单一功能)?
  • [ ] 我能用一两句话把要什么说清楚吗?
  • [ ] 这是不是我真用得上的东西(而不是瞎编来练习)?
  • [ ] 我用"输入+处理+输出+特殊要求"模板组织需求了吗?
  • [ ] 我准备好"每一步都跑一遍验证",而不是等 AI 一把做完吗?
  • [ ] 涉及文件操作,我准备好用测试文件夹、让它先说计划吗?
  • [ ] 遇到报错,我知道第一反应是"把完整报错丢回给 AI"吗?
  • [ ] 我把目标定成"跑通流程"而不是"做出惊艳作品"了吗?

八条都"是",那就动手吧,你已经准备好了。哪怕有一两条还没想清,也别让它们拦住你,先开始,剩下的在做的过程里自然就清楚了。

一句话收官:vibe coding 的第一个项目,不是用来证明你多厉害的,是用来完整走通一遍流程、拿到"原来我也能做出软件"那个瞬间的。这篇把新手真正卡住的两件事,选题和需求表达,给你配好了现成选题和可抄模板,剩下的就是动手。§ 七 我讲的规律不是模板,是想让你记住最关键的两条:项目选小、每步都跑。 别再收藏了,收藏夹里躺着的教程不会让你学会任何东西,亲手跑通的那一个小项目才会。现在,关掉这篇文章,打开你的工具,从那 5 个选题里挑一个,把需求模板填上发出去,你的第一个 vibe coding 项目,就从这一下开始了。跑通它的那一刻,你就和"只是听说过 vibe coding"的人,彻底不一样了。


相关阅读

外部参考:

订阅成功!请到邮箱查收确认链接。

订阅成功!请到邮箱查收确认链接。

订阅成功!请到邮箱查收确认链接。

订阅成功!请到邮箱查收确认链接。

操作成功。

操作已取消。