零基础学AI编程：Vibe Coding工作流实战指南

零基础学 AI 编程现在最常被推荐的学习路径不是先啃三本编程书而是先学会一套叫 Vibe Coding 的工作流。Vibe Coding 的核心是使用自然语言描述需求让 Claude Code、Codex 这样的命令行编程助手把需求变成可以运行的项目再通过 Superpowers 这样的技能库把 AI 的代码生成能力约束成测试驱动、逐步重构的工程流程。这篇文章面向完全没有系统学过代码、但想用 AI 完成小工具、脚本和简单网页应用的读者。目标不是复制某个视频的演示过程而是把一套可以反复使用的方法讲清楚从环境准备、工具安装到跑通第一个项目、配置技能、再处理常见报错。如果你是从 B 站或短视频推荐里看到“2026B站推荐”“比啃书强十倍”这类标题进入这个主题建议先放下对收益的预期。AI 编程工具确实把编码的动作门槛降得很低但它不会替你建立调试、测试、代码审查和结构化拆解问题的能力。这篇文章要做的是把“会看演示”变成“能复现结果”。1. 先搞清楚 Vibe Coding 是什么为什么它适合零基础起步Vibe Coding 不是一个软件开发框架而是一种人机协作的编程方式。它最核心的变化是开发者不再逐行编写语法而是用自然语言描述自己想要的软件行为由 AI 负责生成实现再由人来验证结果并继续迭代。这里的“Vibe”指的是节奏感——保持一个小步快跑的循环描述需求、生成代码、验证输出、修正偏差、再次生成。1.1 从自然语言到代码Vibe Coding 的工作方式传统的编码过程强调“输入要精确到语法”。Vibe Coding 则把重点转移到“需求要表达清楚”。同样一句“帮我写一个待办事项工具”如果你希望 AI 生成的是命令行程序而不是网页应用就需要在提示词里写明运行方式、数据存储方式和功能边界。一个完整的 Vibe Coding 循环通常包含五个动作说出最终目标你想解决什么问题最终用户是谁。限定运行环境是命令行、Web 浏览器还是移动端。指定数据和处理方式数据存文件、数据库还是内存。检查生成结果运行程序、看输出、找异常。用反馈修正把错误信息直接贴给 AI让它针对性地修。这五个动作中最容易被零基础学习者忽略的是第 4 步。很多人以为 AI 生成完代码就结束了实际上一段代码能否运行、在边界条件下是否出错只有运行后才能确认。AI 编程的高效本质上来自这个“生成-验证-修正”的迭代速度而不是来自一次性生成完美代码。1.2 Claude Code、Codex、Superpowers 在同一条工作流里扮演什么角色在最近的 AI 编程教程里经常同时出现三个名词Claude Code、Codex 和 Superpowers。它们不是同一个层级的东西作用也不同。工具定位典型入口适合做什么Claude CodeAnthropic 推出的命令行编程助手终端中的claude命令读取项目上下文进行多文件改造、架构调整、代码解释CodexOpenAI 推出的命令行编程代理终端中的codex命令自动化执行变更运行测试批量修改代码Superpowers社区维护的开源技能库安装在 Claude Code 或 Codex 的配置目录中把测试驱动开发、代码审查、阅读大型代码库等经验固化为可复用技能简单理解Claude Code 和 Codex 是执行者Superpowers 是它们的工作手册。前者决定“谁来生成代码”后者决定“按什么流程生成代码”。没有 Superpowers 的 AI 编程也能用但每次对话都要重新描述一遍你想要的流程装上 Superpowers 之后常用的工程方法论会被固化下来AI 会在合适的场景主动触发对应的技能。1.3 “比啃书强十倍”为什么只对了一半零基础阶段AI 编程在“产出可运行代码”上的确比传统看书快很多。因为你不需要先掌握完整语法只要能把需求描述清楚AI 就会给出可运行的文件。但这种效率提升发生在“从无到有”阶段。当你面对一个报错、一次性能瓶颈、一段需要维护的遗留代码时仍然需要理解变量、函数、状态、依赖和网络协议这些基本概念。所以更准确的说法是AI 编程让零基础的人提前进入项目实践通过项目反馈反推理论学习曲线会比背诵语法更顺。但它不会替代“读懂自己项目”的能力。这也是为什么接下来所有步骤都要求你自己运行、自己验证而不是让 AI 操作完就结束。2. 开始前的准备确认电脑环境下载安装 Claude Code 与 Codex在接触任何项目之前先确认电脑能运行命令行工具。Claude Code 和 Codex 都是基于 Node.js 的 CLI 工具安装路径并不复杂但版本不匹配、PATH 配置错误、权限不足是新手最容易卡住的三个点。2.1 环境要求速查表以下是与当前主流教程一致的最小环境要求落地前仍要对应工具的官方文档再确认一次因为版本要求会随发布变化。检查项建议要求检查命令操作系统Windows 10/11、macOS 12、主流 Linux 发行版Windows 用vermacOS/Linux 用uname -aNode.js建议 18 或更高版本node -vnpm与 Node.js 配套建议 9npm -vPython如果练习项目使用 Python建议 3.10python --version或python3 --version终端Windows 使用 PowerShell 或 Windows TerminalmacOS/Linux 使用系统终端磁盘空间至少预留 2GB 给工具缓存和项目依赖如果node -v提示找不到命令说明 Node.js 还没有安装或没有加入 PATH。Windows 上安装 Node.js 官方安装包后通常会自动配置 PATH安装完成后需要重新打开终端让环境变量生效。2.2 安装 Claude Code 的完整命令流程在终端中执行以下命令安装 Claude Codenode -v npm -v npm install -g anthropic-ai/claude-code安装完成后先验证版本claude --version如果能看到类似版本号输出说明安装成功。接着在项目目录里启动mkdir ai-first-project cd ai-first-project claude第一次启动会进入登录授权流程。根据终端提示在浏览器中打开授权链接登录对应的 Claude 账号并确认授权。这一步的意图是让 CLI 获得使用账号模型权限的令牌。授权的本质是让终端工具替你访问模型服务而不是把账号密码交给某个未知脚本。登录完成后Claude Code 会进入交互式会话。输入help可以查看内置命令输入/exit退出。2.3 安装 Codex 并完成命令行登录Codex 官方提供 npm 包安装方式。以常见安装路径为例npm install -g openai/codex codex --version安装完成后在项目目录里执行codex login登录过程会打开浏览器要求授权当前终端访问 Codex 服务。登录成功后运行codex 列出当前目录下的文件数量Codex 会给出一个执行计划并向你确认是否允许运行命令。这是它和普通对话式 AI 的重要区别它不仅改写文件还会在终端里执行命令所以每一步执行都需要用户确认。2.4 安装前最容易忽略的三个点第一个是 Node.js 版本。很多教程直接跳到npm install但部分版本的 CLI 工具要求特定 Node.js 版本版本太低会安装失败或运行时报语法错误。安装前先看node -v的输出。第二个是终端权限。macOS/Linux 全局安装可能提示EACCES: permission denied这时不要直接切换到 root 安装更推荐修复 npm 全局目录权限或者使用 Node 版本管理工具如 nvm管理 Node 环境这样每个用户账号都有独立可写的安装目录。第三个是下载源。如果安装过程中长时间卡住或反复超时可以检查网络状态也可以把 npm 源切换为更快的 registry 后重试npm config get registry npm config set registry https://registry.npmmirror.com npm install -g anthropic-ai/claude-code注意 registry 会影响全局安装的下载来源不影响工具本身的功能。如果原来的源对你的网络更稳定用完可以改回默认值。不建议在没有任何判断的情况下反复切换源先确认是不是下载超时再调整配置。3. 用最小流程把 Claude Code 跑通从零生成一个可运行的 Python 工具环境准备好之后用一个小项目验证整条链路。这个项目不追求功能完整只要求能运行、能交互、能验证结果。这里选择 Python 命令行待办工具因为依赖最少对零基础读者最友好。3.1 创建项目目录并启动 Claude Code在终端中执行mkdir ai-first-project cd ai-first-project claude进入 Claude Code 会话后可以先输入/status查看当前目录和项目信息。确认它读取的目录是正确的这决定了 AI 后续生成的代码会落在哪里。这里有一个常见坑如果启动时不在目标目录AI 生成的代码会散落在上一次进入的目录里。每次开新会话前先用pwdWindows 用cd查看当前路径确认所在目录。3.2 用一段自然语言描述需求进入会话后输入下面这段提示词帮我在当前目录创建一个 Python 命令行待办事项管理工具。 要求 1. 使用 JSON 文件保存待办数据文件放在 data/todos.json 2. 命令行支持 add、list、done、delete 四个子命令 3. 使用 argparse 解析参数 4. 每个待办事项包含 id、内容、状态、创建时间 5. 输出信息尽量清晰状态变化时给出提示 6. 完成后告诉我如何运行和验证这段提示词比“帮我写一个 Todo 应用”有效的原因在于它明确了数据保存方式、命令列表、输入输出格式和验证方式。对 AI 编程来说需求描述里的约束越多生成结果越接近可运行状态。3.3 运行并验证生成的代码Claude Code 生成完成后先不急着让 AI 继续加功能。退出会话回到普通终端查看文件结构ls -R预期会出现类似下面的结构data/ todos.json todo.py然后按要求运行python todo.py add 写一篇AI编程教程 python todo.py list python todo.py done 1 python todo.py delete 1如果一切正常list命令会显示待办项done会更新状态delete会删除指定待办。只要这个闭环能跑通就说明 Claude Code 的安装、登录、代码生成和终端执行链路全部正常。3.4 第一个项目跑通后一定要做这几件事第一让 AI 解释代码。回到 Claude Code 会话输入请逐行解释 todo.py 里每个函数的作用并用表格告诉我关键函数的输入、输出和副作用。这一步的目的是建立代码阅读能力。零基础学习者的常见误区是只关心“能不能运行”不关心“为什么这样写”。等到程序报错时看不懂代码会很难定位问题。第二用git init提交第一版代码git init git add . git commit -m 初始化AI生成的待办工具第三保存一次会话记录。Claude Code 会把历史会话保留在本地后续可以通过/resume回到之前的会话继续对话。这样当项目变大后AI 仍然记得之前的背景。4. 理解 Superpowers给编程助手装上可复用的技能工作流单独使用 Claude Code 或 Codex 时AI 每次都会从零理解你的需求。如果你想让它遵守固定的工程流程比如“先写测试再写实现”就需要在每个提示词里重复描述。Superpowers 这类技能库解决的就是这个问题把一套经过验证的开发流程打包成技能让 AI 在合适的场景自动调用。4.1 Superpowers 和普通提示词的区别普通提示词是一份一次性指令只对当前会话生效。Superpowers 技能则是一份可复用的程序化指导文件通常由触发条件、执行步骤、质量检查项三部分组成。以测试驱动开发技能为例AI 看到“我要实现某个功能”的请求后如果技能文件里定义了 TDD 触发条件它就会按照以下顺序执行先列出功能需求和测试用例。编写一个会失败的测试。运行测试确认失败信息符合预期。编写最小实现让测试通过。运行全部测试确认没有回归。重构代码再次运行测试。这个流程对不熟悉测试的新手特别有教育意义它能让你亲眼看到“先写测试-测试失败-写实现-测试通过”的红绿循环而不是让 AI 一次性把所有代码都堆积出来。4.2 安装 Superpowers 的通用步骤Superpowers 是社区维护的开源技能集合不同仓库的安装方式会略有差异。这里给出通用思路具体路径要以你下载的仓库 README 为准。Claude Code 侧的常见安装思路克隆或下载技能仓库到本地例如~/superpowers。查看仓库里的 skills 目录结构。在 Claude Code 配置中把技能目录注册为可用路径。重启 Claude Code查看/skills或help确认技能是否加载。Codex 侧的常见安装思路类似也是把技能说明文件放到项目能被读取的位置。Codex 更强调项目上下文所以很多技能文件需要放到项目根目录或.codex配置目录中。安装过程最需要注意的是版本匹配。有些技能仓库更新很快依赖的 CLI 版本也在变。如果技能加载后没有生效优先检查 CLI 版本和技能仓库的最近更新说明而不是反复重装。4.3 优先体验 TDD 技能感受“先测试后实现”的节奏在已经跑通的待办项目里可以尝试用 TDD 技能加一个新功能使用 TDD 技能为 todo.py 增加一个 export 命令把待办数据导出为 CSV 文件。如果技能正常触发AI 会先写出针对导出函数的测试再运行测试看到失败后再实现。你也可以在项目里创建测试文件目录观察测试结果python -m pytest -q如果之前没有安装 pytest可以先安装再运行。对零基础学习者来说TDD 技能带来的最大收获不是测试覆盖率而是一种“小步前进、每步验证”的工程习惯。这个习惯在传统编程学习里往往要老师反复提醒而 Superpowers 把它变成了 AI 默认的执行方式。5. 把 Codex 接入同一个项目对比两个命令行助手的使用方式Claude Code 和 Codex 都是终端里的 AI 编程助手但它们的执行风格不同。在同一个项目里同时使用两者可以更直观地感受差异也能在其中一个工具出问题时切换到另一个继续工作。5.1 Claude Code 和 Codex 的核心差异对比项Claude CodeCodex对应的模型服务Anthropic 系模型OpenAI 系模型登录方式终端授权链接codex login浏览器授权工作方式阅读文件、编辑文件、解释代码、执行终端命令更强调代理式执行计划-执行-确认适合场景多文件重构、架构讨论、代码解释自动化修改、运行测试、批量处理用户确认粒度文件修改前会展示变更终端命令前会询问执行计划会列出将要运行的命令需确认这里的差异并不是一个比另一个强而是两者的设计重点不同。Claude Code 更适合“一边聊天一边改项目”的交互式过程Codex 更接近“一个替你在终端里干活的代理”。实际项目中很多人会同时装两个根据任务类型选择。5.2 在已有项目里启动 Codex 并让 AI 改代码进入之前的待办项目启动 Codexcd ai-first-project codex 给 todo.py 增加一个 import 命令可以从 CSV 文件批量导入待办事项启动后Codex 会先读取项目文件生成执行计划然后向你确认是否用代码编辑器修改文件、是否运行测试、是否安装依赖。确认后它才会开始改动。这里和 Claude Code 很不一样的地方是Codex 倾向于把一连串操作合并成一个计划按顺序执行。如果你不希望它自动安装第三方库可以在提示词里显式说明“不要安装额外依赖”或者“只修改代码不运行包管理器命令”。5.3 两个 CLI 并存时最容易出现的命令冲突同时安装两个工具后终端里自然多了claude和codex两个命令。它们之间没有命令名冲突但会有两个容易混淆的问题。第一个是版本问题。如果你通过 npm 全局安装后又用其他包管理器安装了同名工具终端执行的可能不是你期望的版本。用which claude和which codexWindows