Vibe Coding（氛围编程） 是一种以 AI 为核心的编程方式，开发者主要通过自然语言描述需求，让 AI 生成、修改、解释和调试代码，人类则更多负责提出需求、验证结果、发现问题和不断调整方向。

一句话理解

Vibe Coding = 用自然语言告诉 AI “我想做什么”，让 AI 帮你完成大量代码工作。

传统编程更像：

需求
 ↓
开发者设计
 ↓
开发者编写代码
 ↓
运行
 ↓
调试
 ↓
修改代码
复制
复制

Vibe Coding 则更像：

需求
 ↓
告诉 AI 想做什么
 ↓
AI生成代码
 ↓
运行
 ↓
发现问题
 ↓
告诉 AI 修改
 ↓
继续运行
 ↓
不断迭代
复制
复制

开发者不一定需要亲自编写每一行代码，而是通过自然语言与 AI 协作完成软件。

基础信息

什么是 Vibe Coding？

Vibe Coding 是近年来随着生成式 AI 和代码生成模型快速发展而出现的一种软件开发方式。

它强调：

开发者不再只通过代码与计算机沟通，而是可以通过自然语言直接告诉 AI 自己想要什么。

例如过去开发一个登录页面，需要开发者自己编写：

HTML
CSS
JavaScript
React
接口调用
表单验证
复制
复制

而采用 Vibe Coding，可以直接告诉 AI：

“帮我做一个现代化的登录页面，使用 React，白色背景，蓝色作为主题色，需要手机号登录、密码登录和验证码登录。”

AI 可以根据需求生成对应代码。

如果效果不满意，可以继续告诉 AI：

“按钮太大了，缩小一些。”

或者：

“把登录框移动到页面中央，并增加卡片阴影。”

然后 AI 再修改代码。

因此 Vibe Coding 更强调：描述 → 生成 → 运行 → 反馈 → 修改 → 再运行

Vibe Coding 这个概念从哪里来？

“Vibe Coding” 这个词主要用于描述一种新的 AI 辅助编程方式。

它强调开发者可以更多关注：

我想做什么

而不是：

每一行代码具体应该怎么写

在传统软件开发中，开发者需要将需求转换成非常具体的程序逻辑。

而 AI 编程工具可以帮助完成其中大量代码转换工作。

因此开发者的角色逐渐从：代码编写者

转变为：需求描述者 + AI 协作者 + 代码审查者

Vibe Coding 是怎么工作的？

一个典型的 Vibe Coding 流程可以理解为：

       提出需求
          ↓
       AI理解需求
          ↓
       生成代码
          ↓
       运行程序
          ↓
     查看运行结果
          ↓
┌────┴──────┐
    ↓            ↓
  满意          不满意
    ↓            ↓
   完成        告诉AI问题
                  ↓
               AI修改
                  ↓
               再次运行
                  ↓
                迭代
复制
复制

这和传统编程最大的区别之一，就是：

开发过程变成了一个人与 AI 持续对话和迭代的过程。

Vibe Coding 的核心组成

Vibe Coding 并不是简单地“让 AI 写代码”。

它通常包含几个重要环节。

1. 自然语言需求

首先告诉 AI：

我想做什么？

例如：

我要做一个AI学习平台首页。

要求：
- React
- 响应式布局
- 白色为主色
- 蓝色作为辅助色
- 顶部导航
- Hero区域
- 教程推荐
- 知识百科
- 资源中心
复制
复制

AI 根据这些需求生成代码。

2. AI 生成代码

AI 根据需求生成：

HTML
CSS
JavaScript
React
Vue
Java
Python
SQL
复制
复制

甚至可以生成整个项目的多个文件。

3. AI 修改代码

如果第一次结果不满意，可以继续提出修改要求：

“首页太复杂了，减少一个模块。”

“卡片之间的间距再大一点。”

“移动端布局有问题。”

AI 根据新的要求修改代码。

4. AI 调试

程序运行出现错误时，可以把错误信息交给 AI。

例如：

TypeError: Cannot read properties of undefined
复制
复制

AI 可以分析错误原因，并提出修改方案。

如果 AI 能够直接访问项目环境，还可以进一步定位文件和代码位置。

5. 人类验证

这是 Vibe Coding 非常重要的一环。

AI 写出的代码并不意味着一定正确。

开发者仍然需要：

运行
 ↓
测试
 ↓
检查
 ↓
验证
复制
复制

如果出现问题：

告诉AI
 ↓
AI修改
 ↓
再次测试
复制
复制

Vibe Coding 和传统编程有什么区别？

需要注意：

Vibe Coding 并不是传统编程的完全替代品。

更准确地说，它是一种新的 AI辅助软件开发方式。

Vibe Coding 和 AI Coding 有什么区别？

两者经常被混在一起。

AI Coding

AI Coding 是一个更大的概念。

它通常指：

使用 AI 辅助软件开发。

包括：

• AI代码补全
• AI代码生成
• AI代码解释
• AI代码重构
• AI Debug
• AI测试
• AI代码审查

Vibe Coding

Vibe Coding 更强调：

通过自然语言与 AI 进行持续互动，让 AI 完成大量代码实现工作。

可以简单理解为：

AI Coding
    ↓
更大的概念

Vibe Coding
    ↓
其中一种更偏自然语言驱动的开发方式
复制
复制

Vibe Coding 常见开发方式

Vibe Coding 并不只有一种模式。

方式一：从零生成

直接告诉 AI：

“帮我创建一个 React 项目。”

然后逐步增加功能。

适合：

• Demo
• 原型
• 小工具
• 个人项目

方式二：已有项目修改

把一个已有项目交给 AI：

“帮我给这个项目增加一个用户中心。”

AI 分析项目结构后修改代码。

适合：

• 老项目维护
• 功能迭代
• 页面优化
• Bug修复

方式三：边运行边修改

这是比较典型的 Vibe Coding。

写需求
 ↓
AI生成
 ↓
运行
 ↓
看效果
 ↓
提出修改
 ↓
继续运行
复制
复制

开发过程非常像和设计师、程序员进行实时沟通。

Vibe Coding 可以做什么？

Vibe Coding 可以应用于很多开发场景。

1. 网站开发

例如：

• 企业官网
• 个人博客
• 管理后台
• SaaS平台
• AI网站
• 电商网站

2. Web 应用

例如：

• 在线编辑器
• 数据分析平台
• AI聊天页面
• 文件管理系统
• 知识库系统
• 在线工具

3. 小型工具

例如：

“帮我做一个 JSON 格式化工具。”

AI 可以直接生成一个完整的网页工具。

4. 自动化脚本

例如：

“帮我写一个 Python 脚本，把一个目录下面的图片全部转换成 WebP。”

AI 可以生成对应脚本。

5. 原型开发

产品经理甚至可以直接描述：

“我要做一个 AI 知识库管理平台。”

AI 可以快速生成一个可运行的原型。

因此 Vibe Coding 特别适合：

想法 → Demo

这个阶段。

Vibe Coding 最大的优势

1. 开发速度快

AI 可以快速生成大量代码。

尤其是：

• CRUD
• 页面
• 表单
• API调用
• 基础组件

这些重复性工作可以明显减少。

2. 降低编程门槛

过去：

不会代码 → 很难开发应用。

现在：

会描述需求 → 可以让 AI 帮助生成代码。

因此一些没有系统学习编程的人，也可以尝试制作简单应用。

3. 快速验证想法

例如你有一个想法：

“我想做一个 AI Prompt 管理工具。”

以前可能需要几天甚至更长时间才能看到 Demo。

使用 AI，可以快速生成：

首页
 ↓
Prompt列表
 ↓
Prompt详情
 ↓
Prompt编辑
 ↓
搜索
 ↓
标签
复制
复制

快速验证产品想法。

4. 降低重复劳动

开发中大量工作其实比较机械：

• 写 CRUD
• 写表单
• 写接口
• 写类型定义
• 写测试
• 写文档

这些工作可以交给 AI 辅助完成。

Vibe Coding 有什么问题？

Vibe Coding 虽然效率很高，但也存在明显风险。

1. AI 生成的代码不一定正确

AI 可能产生：

• Bug
• 逻辑错误
• 类型错误
• 安全漏洞
• 性能问题

因此：

能运行 ≠ 写得正确。

2. 容易产生“代码能跑，但自己看不懂”

这是 Vibe Coding 最常见的问题之一。

例如：

用户
 ↓
告诉AI
 ↓
AI生成1000行代码
 ↓
运行成功
复制
复制

但开发者不知道：

这些代码到底是怎么工作的？

一旦出现问题，就很难自己维护。

3. 项目容易失控

如果一直对 AI 说：

“再加一个功能。”

“再改一下。”

“再增加一个接口。”

“这里再优化一下。”

最终可能出现：

代码越来越多
 ↓
结构越来越混乱
 ↓
重复代码增加
 ↓
依赖关系复杂
 ↓
维护困难
复制
复制

因此大型项目不能只靠不断“Vibe”。

4. 容易忽视软件工程

一个真正的生产项目不仅需要代码，还需要：

• 架构设计
• 数据库设计
• 权限设计
• 安全
• 测试
• 日志
• 监控
• 性能
• 部署
• 版本管理

这些问题不能简单依靠一句 Prompt 解决。

Vibe Coding 最重要的能力是什么？

很多人认为：

Vibe Coding 最重要的是会写 Prompt。

其实并不完全正确。

更重要的是：知道自己要做什么，以及能够判断 AI 做得对不对。

可以总结为：

需求分析
    +
架构理解
    +
AI沟通
    +
代码验证
    +
问题定位
复制
复制

因此：

AI 越强，开发者的“判断能力”反而越重要。

如何正确使用 Vibe Coding？

推荐采用：小步迭代，而不是一次生成整个项目。

例如不要直接：

“帮我生成一个完整的电商平台。”

而应该：

第一步
设计数据库
↓
第二步
创建用户模块
↓
第三步
创建商品模块
↓
第四步
创建订单模块
↓
第五步
实现登录认证
↓
第六步
实现支付
↓
第七步
测试
↓
第八步
部署
复制
复制

每一步都进行验证。

一个好的 Vibe Coding 流程

可以使用下面这套方法：

1. 明确需求
       ↓
2. 设计架构
       ↓
3. 拆分任务
       ↓
4. 告诉AI一个小任务
       ↓
5. AI生成代码
       ↓
6. 运行测试
       ↓
7. 检查代码
       ↓
8. 修复问题
       ↓
9. Git提交
       ↓
10. 进入下一个任务
复制
复制

这样可以避免 AI 一次生成大量代码导致项目失控。

Vibe Coding 与软件工程

Vibe Coding 并不意味着：

不需要软件工程。

实际上，当项目规模变大以后，软件工程的重要性会越来越高。

可以理解为：

小项目
   ↓
Vibe Coding
   ↓
快速开发

大型项目
   ↓
软件工程
   +
AI Coding
   +
Vibe Coding
   ↓
AI辅助软件开发
复制
复制

AI 可以帮助写代码，但：架构仍然需要设计，需求仍然需要分析，代码仍然需要审查。

Vibe Coding 与 AI Agent 有什么关系？

Vibe Coding 和 AI Agent 也存在密切关系。

普通 AI Coding：

你
 ↓
AI
 ↓
生成代码
复制
复制

AI Agent：

你
 ↓
Agent
 ↓
分析项目
 ↓
修改代码
 ↓
运行程序
 ↓
查看错误
 ↓
继续修改
 ↓
测试
复制
复制

Agent 可以自主执行更多开发步骤。

因此未来的 AI 编程可能逐渐变成：

人负责目标，AI Agent 负责执行。

Vibe Coding 的未来

随着 AI 模型、代码 Agent 和开发工具不断发展，软件开发方式可能发生进一步变化。

过去：

需求
 ↓
程序员
 ↓
代码
 ↓
软件
复制
复制

现在：

需求
 ↓
开发者 + AI
 ↓
代码
 ↓
软件
复制
复制

未来可能进一步变成：

产品目标
 ↓
AI Agent
 ↓
需求分析
 ↓
架构设计
 ↓
代码生成
 ↓
测试
 ↓
部署
 ↓
监控
复制
复制

这并不意味着程序员会消失。

更可能的变化是：

程序员从“代码生产者”逐渐转变为“软件系统设计者和 AI 协作者”。

一个简单的 Vibe Coding 示例

假设想制作一个 Todo List。

传统方式：

设计页面
 ↓
创建HTML
 ↓
编写CSS
 ↓
编写JavaScript
 ↓
实现添加
 ↓
实现删除
 ↓
实现完成状态
 ↓
测试
复制
复制

Vibe Coding：

第一步：

“帮我创建一个简洁的 Todo List 网页。”

第二步：

“增加添加任务功能。”

第三步：

“增加删除任务功能。”

第四步：

“增加任务完成状态。”

第五步：

“使用 LocalStorage 保存任务。”

第六步：

“优化移动端显示。”

最终通过连续对话完成整个应用。

Vibe Coding 适合哪些人？

初学者

适合用来：

• 学习编程
• 理解代码
• 制作小项目
• 快速实践

但不要完全跳过基础知识。

产品经理

可以快速：

• 制作 Demo
• 验证产品想法
• 制作交互原型
• 验证功能流程

设计师

可以将设计直接转化成：

• HTML
• CSS
• React
• Vue

从而快速制作可运行页面。

程序员

可以用于：

• 代码生成
• Debug
• 重构
• 测试
• 文档
• 快速原型

Vibe Coding 不等于“不学编程”

这是一个非常容易产生误解的地方。

错误理解：

“AI 能写代码了，所以我完全不需要学习编程。”

更合理的理解是：

AI 降低了写代码的门槛，但并没有消除理解软件的需求。

如果你完全不了解：

• 数据结构
• 数据库
• HTTP
• API
• 前后端
• 安全
• 软件架构

那么当项目出现问题时，你可能不知道问题在哪里。

因此比较理想的方式是：学习基础知识 + 使用 AI 加速开发。

常见问题 FAQ

Vibe Coding 是什么意思？

Vibe Coding 是一种以自然语言和 AI 协作为核心的软件开发方式，开发者通过描述需求，让 AI 生成、修改、调试和完善代码。

Vibe Coding 是一种编程语言吗？

不是。Vibe Coding 不是编程语言，也不是具体的开发框架，而是一种 AI 辅助软件开发方式。

Vibe Coding 和 AI 编程一样吗？

两者高度相关，但 AI 编程是更大的概念。Vibe Coding 更强调通过自然语言持续与 AI 交流，让 AI 承担大量代码实现工作。

Vibe Coding 适合初学者吗？

适合用于学习和快速制作简单项目，但初学者仍然应该掌握基础编程和软件开发知识。

Vibe Coding 能开发大型系统吗？

可以作为大型系统开发的辅助方式，但大型生产系统仍然需要架构设计、代码审查、测试、安全、监控和完善的软件工程流程。

Vibe Coding 会取代程序员吗？

更可能改变程序员的工作方式。程序员需要减少部分重复代码编写工作，同时更加重视需求分析、架构设计、代码审查和系统工程能力。

Vibe Coding 最适合做什么？

特别适合快速原型、小型 Web 应用、个人工具、自动化脚本、Demo 和 MVP 开发。

总结

Vibe Coding 是 AI 时代出现的一种新的软件开发方式。

它的核心思想可以概括为：

用自然语言描述目标，让 AI 帮助完成代码实现，再通过运行、测试和反馈不断迭代。

传统开发更加关注：

“我要怎么写代码？”

而 Vibe Coding 更加关注：

“我想让软件实现什么？”

但 Vibe Coding 并不意味着完全不需要编程知识。

真正高效的 AI 开发方式应该是：

人的需求与判断
        +
AI的代码生成能力
        +
软件工程方法
        ↓
高效的软件开发
复制
复制

对于初学者来说，Vibe Coding 可以降低进入编程世界的门槛；对于专业开发者来说，它可以减少大量重复性工作。

未来的软件开发，很可能不再只是：人写代码 → 软件运行

而会逐渐变成：人提出目标 → AI协作实现 → 人验证和决策 → AI持续执行

这也是 AI 正在改变软件开发方式的重要体现。

相关知识

• AI Coding
• AI Agent
• 大语言模型 LLM
• 生成式 AI
• Prompt
• 软件工程
• 程序员
• 代码生成
• 代码补全
• 代码审查
• 自动化测试
• Git
• Docker
• API
• RESTful API

延伸阅读

如果想学习 Vibe Coding，可以按照下面的路线：

编程基础 → Git → Web开发基础 → AI Coding → Prompt → AI Agent → Vibe Coding → 软件工程 → AI辅助项目开发

对于完全没有编程基础的人，可以先学习：

HTML → CSS → JavaScript → Git → React / Vue → API → 数据库 → AI Coding

然后再逐渐使用 AI 完成真实项目。