Vibe Coding零基础入门教程,手把手教你写出一个软件
摘要:本文通过一个历史粘贴板Mac软件的完整开发过程,讲解从零开始Vibe Coding的完整流程,包括如何向AI清晰表达需求、如何让AI分步执行、如何做好项目管理。全程使用DeepSeek-V4-Pro + Claude Code + VS Code这套完全免费且无需科学上网的工具链。适合零基础小白,建议收藏~
目录
1. 工具链选择与成本参考
Vibe Coding的核心是你用自然语言描述需求,AI帮你生成代码并运行起来。要实现这一点,需要四样东西配合:一个地方写代码、一个工具连接AI、一个AI大脑来理解需求生成代码、一个环境把代码跑起来验证效果。下面逐一说明这套组合中每个工具的作用和选择理由。
| 工具 | 用途 | 特点 |
|---|---|---|
| Visual Studio Code | 代码编辑器 | 免费,查看和编辑项目文件 |
| Claude Code | AI集成工具 | 免费,深度集成VS Code,提供Plan Mode和上下文管理 |
| DeepSeek-V4-Pro | AI模型 | 无需科学上网,按token计费 |
| Xcode | Mac开发工具 | 苹果官方开发工具,运行Mac/iOS软件必需 |
成本参考:两天消耗1.1亿token,花费约13元人民币。历史粘贴板项目全程消耗约1-2元。
2. 第一步:清晰表达需求
2.1 创建项目文件夹
在电脑中创建项目文件夹,在VSCode中选择打开该文件夹。
2.2 需求表达模板
向AI提出需求时,按照以下结构组织:
| 段落 | 内容 | 示例 |
|---|---|---|
| 第一段 | 身份与平台声明 | 我是一个不懂代码的小白,想要做一个运行在Mac电脑上的历史粘贴板软件 |
| 第二段 | 功能与解决的问题 | 可以记录所有我复制过的文字和图片,方便随时查找和复用 |
| 第三段 | 页面与显示内容 | 主界面显示复制记录列表,包含内容预览和时间戳 |
| 第四段 | 设计需求 | 界面简洁,类似Mac原生风格 |
⚠️收尾固定句式:
我暂时就这些想法。你帮我整理一下我的需求,如果有不确定的地方可以问我。我们先沟通项目的需求,等我确认之后再做下一步的执行。
2.3 开启Plan Mode
发送需求前,点击右下角选择Plan Mode。AI会先梳理需求、提出澄清问题,再开始执行。
2.4 AI的澄清式交互
在Plan Mode下,AI会以选择题的方式主动提问来澄清需求细节。用户通过点击选项完成需求细化,无需手动输入复杂的技术描述。
3. 第二步:让AI规划开发步骤
需求确认完成后,发送规划指令。核心原则是:不让AI一次性全部做完,而是分步骤推进。
规划指令要点:
- 不要一口气全部做完
- 规划开发步骤,一步一步推进
- 创建开发日志文件夹和docs文件夹
- 让后续任何AI或人都能通过文档了解项目历史和标准
为什么要分步推进:一次性开发会导致上下文过长,AI可能通过压缩上下文工作造成信息丢失,或在中后期出现失忆。
4. 第三步:分步执行与验证
4.1 分步推进流程
| 阶段 | 动作 | 说明 |
|---|---|---|
| AI完成一步 | 自动执行 | AI按计划完成一个阶段的开发 |
| 用户验证 | 在Xcode中运行 | 确认功能是否正常 |
| 反馈确认 | 告诉AI继续 | 验证通过后让AI进入下一阶段 |
4.2 Claude.md文件
在Claude Code中,AI会自动创建并维护claude.md文件,包含:
- 项目目标
- 所有文件的路径指引
- 每次运行前AI读取该文件了解项目状态
到此为止,你已完成Vibe Coding的完整流程:从提出需求到AI规划,再到分步执行和验证,最终得到一个可以运行的软件。
整个过程的核心就是用大白话和AI沟通,把大任务拆成小步骤,每一步验证通过再继续往下走。剩下的就是根据实际使用感受继续优化细节,方法和前面完全一样——截图描述问题,让AI修改,验证通过即可。
5. 核心技巧与避坑指南
前面的三步走完了Vibe Coding的完整流程,但在实际操作中还会遇到一些具体问题:对话久了token消耗变多、AI理解需求有偏差、该不该开Plan Mode拿不准、一次性开发导致上下文过载。这节就针对这些常见问题给出具体解决方法,帮你省下不必要的花费和返工时间⬇️。
5.1 上下文压缩
Claude Code对话中会出现上下文用量圆环。当用量较高时,点击压缩让AI把历史记录总结成提要,释放上下文空间。
5.2 图文结合反馈问题
提交Bug修复或优化需求时,截图并粘贴给AI,配合文字描述。图文结合能让AI更精准理解问题所在。
5.3 Plan Mode使用时机
| 场景 | 是否开启Plan Mode |
|---|---|
| 大功能开发 | 开启 |
| 复杂功能开发 | 开启 |
| 日常小Bug修复 | 不需要 |
| 小优化调整 | 不需要 |
5.4 分步推进原则
一次性让AI完成整个项目会导致上下文过长和信息丢失。每次让AI完成一个阶段,验证通过后再推进下一步。
6. 参考资源
本文基于B站教程视频@大牙大-《Vibe Coding纯小白教程:Vibe Coding纯小白教程:对AI说话就做出软件。手把手带你做出1个软件!》整理,由音视频转图文工具Ai好记进行文稿转录、精华提炼、步骤复盘后修改撰写,看了Ai好记梳理的思维导图,思路特别清晰,下笔如有神~如果你也经常看视频教程,不想反复拖进度条,可以用这个工具进行转录,省心省力,亲测好用!

如有问题欢迎评论区交流。如果本文对你有帮助,点赞、收藏、转发支持~
更多推荐




所有评论(0)