零基础Vibe Coding：用大白话写代码

约 1983 字大约 7 分钟

2026-06-24

你有没有过这种想法：

"要是能自己写个小工具就好了——批量重命名文件、自动整理表格、做个个人网站……"

然后你打开编程教程，看了三天变量和循环，脑子还是一团浆糊，放弃了。

说实话，传统学编程的方式确实劝退人。你得先学语法、再学框架、再学部署，还没开始做想做的事，热情就磨没了。

但现在不一样了。有一种新玩法叫 Vibe Coding——你不需要会写代码，只需要会用嘴描述需求，AI帮你把代码写出来。

没错，就是说人话，出代码。

什么是Vibe Coding

Vibe Coding，直译是"凭感觉编程"。核心意思就是：

你用自然语言描述你想要什么，AI负责把代码写出来。你看不懂代码没关系，能跑起来就行。

打个比方，以前写代码就像自己亲手盖房子——你得学怎么和水泥、怎么砌砖、怎么接水电。

Vibe Coding就像你当甲方，AI当施工队——你告诉它"我要一个三室一厅，南向，带阳台"，它就给你盖好了。你不懂砌砖没关系，你能住进去就行。

这个词是Andrej Karpathy（OpenAI创始成员）提出来的，原话大意是：

"I just see things, say things, run things, and copy paste things, and it mostly works."

翻译过来就是：我看到啥说啥，跑一下试试，能跑就行。这就是Vibe Coding的精神。

3步搞定你的第一个程序

第一步：描述你想要什么

用大白话就行，越具体越好。

错误示范：

帮我做个网页

（太模糊了，AI不知道做啥样的）

正确示范：

帮我做一个待办清单网页，要求：
- 页面上有一个输入框，可以输入待办事项
- 有一个"添加"按钮，点击后把事项加到列表里
- 每个事项前面有个复选框，勾选后显示删除线
- 每个事项右边有个"删除"按钮
- 整体风格简洁，用浅色背景
- 可以在浏览器里直接打开使用，不需要安装任何东西

你看，全是人话，没有任何编程术语。

第二步：AI生成代码

AI会给你一段完整的HTML代码，大概长这样（你不需要看懂）：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>我的待办清单</title>
  <style>
    body { font-family: sans-serif; max-width: 500px; margin: 40px auto; background: #f5f5f5; }
    .todo-item { display: flex; align-items: center; padding: 10px; background: white; margin: 5px 0; border-radius: 5px; }
    .completed { text-decoration: line-through; color: #999; }
    button { margin-left: 10px; cursor: pointer; }
  </style>
</head>
<body>
  <h1>我的待办清单</h1>
  <input type="text" id="todoInput" placeholder="输入待办事项...">
  <button onclick="addTodo()">添加</button>
  <div id="todoList"></div>

  <script>
    function addTodo() {
      const input = document.getElementById('todoInput');
      const text = input.value;
      if (!text) return;

      const div = document.createElement('div');
      div.className = 'todo-item';
      div.innerHTML = `
        <input type="checkbox" onchange="toggleComplete(this)">
        <span>${text}</span>
        <button onclick="this.parentElement.remove()">删除</button>
      `;
      document.getElementById('todoList').appendChild(div);
      input.value = '';
    }

    function toggleComplete(checkbox) {
      const span = checkbox.nextElementSibling;
      if (checkbox.checked) {
        span.classList.add('completed');
      } else {
        span.classList.remove('completed');
      }
    }
  </script>
</body>
</html>

第三步：运行看效果

你不需要安装任何编程环境。操作超简单：

在电脑上新建一个文本文件
把AI给的代码粘贴进去
把文件名改成 todo.html（关键是 .html 这个后缀）
双击打开，你的浏览器会自动运行它

然后你就能看到一个能用的待办清单了。试一下添加、勾选、删除，全都好使。

这就是你亲手"写"的第一个程序。 激不激动？

Vibe Coding的完整工作流

注意看那个循环：效果不对就告诉AI，它会改。你不需要自己改代码（你也看不懂），你只需要描述"哪里不对、想要什么效果"。反复几轮，就能调到你满意。

工具推荐：用哪个AI写代码

工具	适合场景	优点	缺点
Claude Code	在终端里写真实项目	能直接读写你的文件，最强大	需要装命令行工具，有点门槛
Cursor	写完整项目（网站/APP）	代码编辑器+AI一体，体验最好	需要下载安装，免费版有限制
Copilot	在代码编辑器里辅助写	补全代码很丝滑	需要你有一点编程基础
ChatGPT/Claude网页版	零基础入门、写小工具	零门槛，聊天就能写代码	代码需要自己复制粘贴运行