摘要:本文通过一个历史粘贴板Mac软件的完整开发过程,讲解从零开始Vibe Coding的完整流程,包括如何向AI清晰表达需求、如何让AI分步执行、如何做好项目管理。全程使用DeepSeek-V4-Pro + Claude Code + VS Code这套完全免费且无需科学上网的工具链。适合零基础小白,建议收藏~

目录

  1. 工具链选择与成本参考
  2. 第一步:清晰表达需求
  3. 第二步:让AI规划开发步骤
  4. 第三步:分步执行与验证
  5. 核心技巧与避坑指南
  6. 参考资源

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好记梳理的思维导图,思路特别清晰,下笔如有神~如果你也经常看视频教程,不想反复拖进度条,可以用这个工具进行转录,省心省力,亲测好用!

在这里插入图片描述

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

Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐