Vibe Coding：AI 辅助开发

Vibe Coding 是一种用自然语言驱动 AI 完成软件开发的实践方式。

你可以把它理解成：

把想法、需求和目标告诉 AI，让 AI 帮你生成代码、修改项目、调试错误、补充测试、整理文档，最终把一个想法变成可运行的软件。

和传统编程相比，Vibe Coding 的核心变化是：
你不再只是逐行手写代码，而是更多地通过自然语言描述目标、拆解需求、审查结果，并与 AI 一起完成开发流程。

例如，传统开发可能是：

我自己写 HTML、CSS、JavaScript
→ 自己调试
→ 自己修改
→ 自己部署

Vibe Coding 更像是：

我描述想法
→ AI 帮我澄清需求
→ AI 生成项目结构
→ AI 编写代码
→ 我检查和反馈
→ AI 修复问题
→ AI 补充测试和文档
→ 我审查后部署上线

重要提醒

Vibe Coding 不等于“完全不懂代码也能安全上线复杂系统”。

它适合快速原型、学习项目、个人工具、小型应用和 MVP 验证。
如果要做正式产品，仍然需要测试、代码审查、安全检查、版本管理和人工判断。

什么是 Vibe Coding？

Vibe Coding 这个词最早因 Andrej Karpathy 对 AI 编程体验的描述而流行。他把这种方式形容为一种“跟着感觉走”的编程体验：开发者用自然语言说出想法，AI 生成和修改代码，人类更多地负责描述、运行、观察结果和继续反馈。

通俗来说：

Vibe Coding 就是用 AI 把“我想要什么”转化成“可以运行的代码”。

它不是一个具体工具，而是一种开发方法。

你可以用不同工具进行 Vibe Coding，例如：

ChatGPT
Claude
Claude Code
Cursor
Windsurf
GitHub Copilot
OpenAI Codex
Replit
Lovable
Bolt
v0

这些工具的形式不同，但目标相似：
让人类用更自然的方式参与软件开发。

Vibe Coding 能解决什么问题？

Vibe Coding 最适合解决从 0 到 1 的问题。

比如：

我有一个产品想法，但不知道怎么开始写代码；
我想快速做一个网页原型；
我想做一个个人工具；
我想把一个手动流程自动化；
我想学习编程，但希望 AI 辅助讲解；
我想快速验证一个 MVP；
我想让 AI 帮我修 Bug；
我想把一个 Prompt 变成一个小应用；
我想把表格、文档、网页、API 组合成一个工具。

它的价值不只是“生成代码”，而是帮助你更快完成完整流程：

想法
→ 需求
→ 规格文档
→ 任务拆解
→ 项目生成
→ 代码实现
→ 调试修复
→ 测试验证
→ 部署上线
→ 后续维护

本模块适合谁？

零基础用户

如果你没有编程基础，可以通过本模块理解：

软件项目是怎么组成的；
如何用自然语言描述需求；
如何让 AI 生成简单网页和小工具；
如何避免把 AI 代码直接上线；
如何看懂基础项目结构。

适合从这些项目开始：

个人主页
Landing Page
Todo List
简单计算器
Prompt 模板库
AI 工具导航站

产品经理

如果你是产品经理，可以用 Vibe Coding 快速做原型和验证想法。

你会学习：

如何把产品想法写成 SPEC.md；
如何让 AI 生成页面原型；
如何拆分 MVP 功能；
如何和开发者更高效沟通；
如何用 AI 做功能 Demo；
如何避免提出无法落地的需求。

适合场景：

产品原型
需求验证
用户流程 Demo
管理后台草稿
数据看板原型
内部工具 MVP

开发者

如果你已经会编程，Vibe Coding 可以帮助你提高效率。

你会学习：

如何让 AI 阅读代码库；
如何让 AI 生成测试；
如何让 AI 修复 Bug；
如何用 AI 做代码审查；
如何避免 AI 引入技术债；
如何用 Claude Code、Codex、Cursor 等工具融入真实开发流程。

适合场景：

修 Bug
写测试
重构代码
生成文档
分析日志
代码审查
快速生成脚手架

独立开发者和创业者

如果你想快速把想法做成可演示产品，可以重点学习：

从想法到 MVP；
如何选择工具；
如何快速部署；
如何处理环境变量；
如何做基础安全检查；
如何持续维护项目。

适合场景：

SaaS 原型
工具型产品
AI 应用 Demo
内部自动化工具
个人产品验证

教师和学生

如果你在教学或学习编程，可以用 Vibe Coding：

辅助理解代码；
生成练习项目；
解释报错；
生成教学案例；
做课堂小工具；
帮学生理解项目结构。

但需要注意：

Vibe Coding 应该辅助学习，而不是替代学习。

学生不能只复制 AI 生成结果，而应该理解代码为什么这样写。

你会学到什么？

学完整个 Vibe Coding 模块后，你应该能够：

理解 Vibe Coding 是什么；
判断哪些项目适合用 Vibe Coding；
选择合适的 AI 编程工具；
把一个想法写成清楚的需求；
让 AI 先提问和澄清需求；
编写 SPEC.md 和 TASKS.md；
使用 AI 生成项目骨架；
通过小步迭代开发功能；
使用 Git 管理 AI 生成代码；
调试 AI 生成代码；
让 AI 帮你写测试；
审查 AI 生成代码的质量；
检查 API Key、数据库、权限等安全风险；
部署一个简单项目；
维护和更新 AI 生成项目。

Vibe Coding 标准流程

推荐使用下面这套流程，而不是直接让 AI 写完整项目。

第一步：描述想法

先用自然语言描述你想做什么。

我想做一个 AI 工具导航站，收录常见 AI 工具，用户可以按分类筛选和搜索。

第二步：让 AI 反问你

不要急着写代码。先让 AI 帮你补齐需求。

请先不要写代码。
请向我提出 10 个问题，帮助我明确这个项目的目标用户、核心功能、页面结构、数据来源、技术栈和上线方式。

第三步：生成 SPEC.md

让 AI 把需求整理成规格文档。

请根据我的回答，生成一份 SPEC.md。
内容包括：
1. 项目背景；
2. 目标用户；
3. 核心功能；
4. 页面结构；
5. 数据模型；
6. 技术栈；
7. 验收标准。

第四步：生成 TASKS.md

让 AI 把规格文档拆成任务。

请根据 SPEC.md 生成 TASKS.md。
要求：
1. 按开发顺序拆分；
2. 每个任务足够小；
3. 每个任务都有验收标准；
4. 标注任务优先级。

第五步：生成项目骨架

只先生成基础结构，不要一次生成全部功能。

请根据 SPEC.md 创建项目骨架。
先实现页面结构和基础样式，不要接入复杂逻辑。

第六步：小步实现功能

一次只做一个功能。

请实现工具搜索功能。
要求：
1. 只修改和搜索相关的文件；
2. 不做无关重构；
3. 修改后说明变更内容。

第七步：运行检查

让 AI 帮你运行或指导你运行检查。

请检查当前项目是否存在明显错误。
如果有测试或构建命令，请告诉我应该运行什么命令。

第八步：代码审查

让 AI 进行一次自查。

请审查当前代码。
重点检查：
1. 是否有明显 Bug；
2. 是否有重复代码；
3. 是否有安全问题；
4. 是否有未处理的边界情况；
5. 是否有不必要的复杂度。

第九步：部署上线

部署前先检查。

请生成部署前检查清单。
重点包括：
1. 构建是否成功；
2. 环境变量是否配置；
3. API Key 是否安全；
4. 是否有 README；
5. 是否有明显安全风险。

第十步：持续维护

上线后继续用 AI 维护项目。

请根据用户反馈整理问题列表，并按优先级拆成后续开发任务。

常用工具地图

工具类型	代表工具	适合场景
聊天式 AI	ChatGPT、Claude	解释代码、生成代码片段、分析报错
AI 编程代理	Claude Code、Codex	阅读代码库、修改文件、运行测试、处理任务
AI IDE	Cursor、Windsurf	在编辑器中生成、修改、补全代码
原型生成工具	Lovable、Bolt、v0	快速生成网页、应用原型和 UI
云端开发平台	Replit	在线写代码、运行项目、快速部署
代码托管	GitHub	版本管理、协作、Pull Request
部署平台	Vercel、Netlify、Cloudflare Pages	部署前端和静态项目
数据库平台	Supabase、Neon、PlanetScale	存储应用数据
测试工具	Vitest、Jest、Playwright	检查功能是否正确

工具选择建议

新手不要一开始追求工具最多。

建议先掌握：

一个聊天式 AI；
一个 AI 编程工具；
Git 和 GitHub；
一个部署平台。

项目实战路线

建议按照难度逐步练习。

入门项目

适合零基础用户。

1. 个人主页
2. Landing Page
3. 简单计算器
4. Todo App
5. Prompt 模板展示页

目标：

学会描述页面、生成代码、运行项目和部署静态页面。

初级项目

适合已经能看懂基本代码的人。

1. Markdown 笔记工具
2. Prompt 模板库
3. AI 工具导航站
4. 知识库搜索页面
5. 简单数据看板

目标：

学会处理状态、搜索、筛选、本地存储和基本交互。

中级项目

适合有一定开发基础的人。

1. Chrome 插件
2. API 服务
3. 管理后台原型
4. 带数据库的应用
5. 登录注册 Demo

目标：

学会处理接口、权限、数据库、环境变量和项目结构。

高级项目

适合开发者和独立开发者。

1. 全栈 SaaS 原型
2. AI 聊天应用
3. 文档问答工具
4. 自动化工作流平台
5. 企业内部效率工具

目标：

学会把 AI 编程融入完整工程流程，并处理测试、安全、部署和维护。

Vibe Coding 的优势

1. 从想法到原型更快

过去你可能需要几天才能做出一个 Demo。
现在可以先用 AI 快速生成一个可运行版本，再逐步修改。

2. 降低入门门槛

不会写完整代码的人，也可以通过自然语言参与软件制作。

尤其适合：

产品经理做原型；
老师做教学工具；
学生做练习项目；
运营做内部工具；
创业者做 MVP。

3. 提高开发效率

开发者可以把重复任务交给 AI，例如：

写样板代码；
生成测试；
修复简单 Bug；
解释陌生代码；
生成文档；
整理提交说明。

4. 更适合探索和试错

Vibe Coding 很适合快速验证：

这个功能有没有价值；
这个页面结构是否合理；
这个交互是否顺手；
这个产品想法是否值得继续投入。

Vibe Coding 的风险

1. AI 代码可能看起来对，但实际有问题

Stack Overflow 2025 开发者调查中，开发者对 AI 工具的主要挫折之一是：AI 给出的方案“几乎正确，但不完全正确”。这类代码最危险，因为它看起来合理，但可能在边界情况、安全性或长期维护上有问题。

2. 调试 AI 生成代码可能更费时间

AI 生成项目很快，但如果生成的是你看不懂的代码，后续调试可能非常困难。

常见情况包括：

依赖版本不匹配；
使用不存在的 API；
代码结构混乱；
错误处理缺失；
没有测试；
AI 反复修 Bug 越修越乱。

3. 新手容易忽视安全问题

例如：

把 API Key 写进前端代码；
把 .env 上传到 GitHub；
数据库没有权限控制；
登录功能只在前端判断；
用户输入没有校验；
文件上传没有限制；
日志中暴露隐私数据。

4. 项目可能不可维护

如果你完全不理解 AI 生成的代码，项目越做越大后可能难以维护。

所以本模块会反复强调：

Vibe Coding 可以加速开发，但不能跳过理解、测试和审查。

Vibe Coding 不适合直接处理的项目

以下项目不建议新手仅靠 Vibe Coding 直接上线：

支付系统
金融交易系统
医疗诊断系统
法律合同系统
高安全认证系统
大规模企业核心系统
生产数据库迁移
涉及大量用户隐私的数据系统
涉及复杂权限的后台系统
需要高可用和高并发的生产系统

这些系统可以使用 AI 辅助开发，但必须由专业人员进行架构设计、代码审查、安全测试和上线审核。

本模块内容结构

01. 基础认知

你会了解：

什么是 Vibe Coding；
它和传统编程有什么区别；
适合哪些人；
适合做什么项目；
不适合做什么项目；
如何从 Vibe Coding 进阶到 AI 辅助工程。

02. 工具与环境

你会了解：

ChatGPT / Codex；
Claude / Claude Code；
Cursor；
Windsurf；
Replit / Lovable / Bolt；
本地开发环境；
Git 与 GitHub。

03. Prompt 与需求表达

你会学习：

编程 Prompt 怎么写；
如何把想法写成需求；
如何生成 SPEC.md；
如何生成 TASKS.md；
如何写 UI Prompt；
如何写 Bug 修复 Prompt；
如何写重构和测试 Prompt。

04. Vibe Coding 工作流

你会学习：

标准工作流；
先计划再写代码；
小步开发；
Git 工作流；
AI 代码审查；
Human-in-the-loop 人工确认。

05. 项目实战

你会练习：

Landing Page；
Todo App；
Markdown 笔记工具；
Prompt 模板库；
AI 工具导航站；
知识库搜索页面；
Chrome 插件；
API 服务；
全栈应用。

06. 调试、测试与质量控制

你会学习：

如何阅读 AI 生成代码；
如何调试 AI 生成代码；
测试基础；
代码质量检查；
安全检查；
常见 AI 代码错误；
如何避免修 Bug 越修越乱。

07. 部署、上线与维护

你会学习：

静态站点部署；
Vite 应用部署；
环境变量；
域名与 HTTPS；
README 和项目文档；
项目维护。

08. 安全、边界与最佳实践

你会学习：

Vibe Coding 常见风险；
API Key 安全；
依赖安全；
数据库安全；
登录与权限安全；
企业使用规范；
负责任的 Vibe Coding。

新手最小学习路径

如果你时间有限，可以先学这 8 篇：

1. 什么是 Vibe Coding
2. Vibe Coding 适合做什么项目
3. Vibe Coding 工具总览
4. 编程 Prompt 入门
5. 从想法到 SPEC.md
6. Vibe Coding 标准工作流
7. 实战：Landing Page
8. Vibe Coding 常见风险

学完这 8 篇，你就能理解 Vibe Coding 的基本方法，并完成一个简单项目。

完整学习路径

如果你希望系统掌握，可以按这个顺序：

基础认知
→ 工具与环境
→ Prompt 与需求表达
→ 工作流
→ 项目实战
→ 调试、测试与质量控制
→ 部署、上线与维护
→ 安全、边界与最佳实践

开始前的准备

建议你准备：

一个 AI 工具账号；
一个代码编辑器；
一个 GitHub 账号；
基本终端环境；
Node.js 和 pnpm；
一个想做的小项目；
愿意反复试错的心态。

如果你是零基础，不需要一次安装所有工具。
可以先从在线工具或简单网页项目开始。

学习建议

1. 不要一开始就做复杂项目

先做：

Landing Page
Todo App
Prompt 模板库
AI 工具导航站

不要一开始就做：

支付系统
社交平台
企业后台
金融系统
复杂权限系统

2. 每次只让 AI 做一个小任务

不推荐：

帮我做一个完整 SaaS 产品。

3. 所有代码都要检查

至少检查：

1. 项目能否启动；
2. 页面是否正常；
3. 控制台是否报错；
4. 核心功能是否可用；
5. 是否泄露密钥；
6. 是否有明显安全问题。

4. 学会看 Git diff

AI 修改代码后，不要直接接受。

你应该检查：

bash

git diff

或者让 AI 总结：

请逐文件说明你刚才修改了什么，以及为什么这样修改。

5. 把 AI 当作协作者，而不是最终负责人

AI 可以帮你：

写代码；
解释代码；
找 Bug；
生成测试；
做文档；
提供建议。

但最终是否上线、是否安全、是否符合需求，仍然需要人来判断。

小结

Vibe Coding 的核心不是“不会写代码也能随便做软件”，而是：

用自然语言和 AI 协作，把想法更快地变成可运行项目。

它真正有价值的地方在于：

快速验证想法；
降低原型开发门槛；
提高开发效率；
帮助新手理解项目；
帮助开发者处理重复任务。

但它也有明确边界：

AI 代码可能出错；
安全问题不能忽视；
测试和审查不能省略；
复杂生产系统不能只靠感觉上线；
最终责任仍然在人。

本模块会从基础概念、工具选择、Prompt 写法、工作流、项目实战、测试调试、部署维护和安全规范八个方面，系统帮助你掌握 Vibe Coding。

Vibe Coding：AI 辅助开发 ​

什么是 Vibe Coding？ ​

Vibe Coding 能解决什么问题？ ​

本模块适合谁？ ​

零基础用户 ​

产品经理 ​

开发者 ​

独立开发者和创业者 ​

教师和学生 ​

你会学到什么？ ​

推荐学习路径 ​

路径一：零基础用户 ​

路径二：产品经理 ​

路径三：开发者 ​

路径四：独立开发者 ​

Vibe Coding 标准流程 ​

第一步：描述想法 ​

第二步：让 AI 反问你 ​

第三步：生成 SPEC.md ​

第四步：生成 TASKS.md ​

第五步：生成项目骨架 ​

第六步：小步实现功能 ​

第七步：运行检查 ​

第八步：代码审查 ​

第九步：部署上线 ​

第十步：持续维护 ​

常用工具地图 ​

项目实战路线 ​

入门项目 ​

初级项目 ​

中级项目 ​

高级项目 ​

Vibe Coding 的优势 ​

1. 从想法到原型更快 ​

2. 降低入门门槛 ​

3. 提高开发效率 ​

4. 更适合探索和试错 ​

Vibe Coding 的风险 ​

1. AI 代码可能看起来对，但实际有问题 ​

2. 调试 AI 生成代码可能更费时间 ​

3. 新手容易忽视安全问题 ​

4. 项目可能不可维护 ​

Vibe Coding 不适合直接处理的项目 ​

本模块内容结构 ​

01. 基础认知 ​

02. 工具与环境 ​

03. Prompt 与需求表达 ​

04. Vibe Coding 工作流 ​

05. 项目实战 ​

06. 调试、测试与质量控制 ​

07. 部署、上线与维护 ​

08. 安全、边界与最佳实践 ​

新手最小学习路径 ​

完整学习路径 ​

开始前的准备 ​

学习建议 ​

1. 不要一开始就做复杂项目 ​

2. 每次只让 AI 做一个小任务 ​

3. 所有代码都要检查 ​

4. 学会看 Git diff ​

5. 把 AI 当作协作者，而不是最终负责人 ​

小结 ​

参考资料 ​

Vibe Coding：AI 辅助开发

什么是 Vibe Coding？

Vibe Coding 能解决什么问题？

本模块适合谁？

零基础用户

产品经理

开发者

独立开发者和创业者

教师和学生

你会学到什么？

推荐学习路径

路径一：零基础用户

路径二：产品经理

路径三：开发者

路径四：独立开发者

Vibe Coding 标准流程

第一步：描述想法

第二步：让 AI 反问你

第三步：生成 SPEC.md

第四步：生成 TASKS.md

第五步：生成项目骨架

第六步：小步实现功能

第七步：运行检查

第八步：代码审查

第九步：部署上线

第十步：持续维护

常用工具地图

项目实战路线

入门项目

初级项目

中级项目

高级项目

Vibe Coding 的优势

1. 从想法到原型更快

2. 降低入门门槛

3. 提高开发效率

4. 更适合探索和试错

Vibe Coding 的风险

1. AI 代码可能看起来对，但实际有问题

2. 调试 AI 生成代码可能更费时间

3. 新手容易忽视安全问题

4. 项目可能不可维护

Vibe Coding 不适合直接处理的项目

本模块内容结构

01. 基础认知

02. 工具与环境

03. Prompt 与需求表达

04. Vibe Coding 工作流

05. 项目实战

06. 调试、测试与质量控制

07. 部署、上线与维护

08. 安全、边界与最佳实践

新手最小学习路径

完整学习路径

开始前的准备

学习建议

1. 不要一开始就做复杂项目

2. 每次只让 AI 做一个小任务

3. 所有代码都要检查

4. 学会看 Git diff

5. 把 AI 当作协作者，而不是最终负责人

小结

参考资料