保姆级教程：从零开始 vibe 一个属于你的应用

昨天给每一个想 vibe coding 的你——写给所有 vibe coding 萌新的新手教程发布之后反响不错，但还是有同学反映太笼统了。今天，就让我们从下载开始，一步步开发一个属于你的小程序。 准备工作 - 你的脑子 - 已经购买好的 API / 官方订阅 - 魔法环境（可选） 下载并安装 Coding Agent 这一步很简单，打开你想要下载的 vibe coding 软件官网： - Claude Code（需要魔法） - Codex（需要魔法） - Zcode（国内可用） 我的建议是直接下载桌面版，CLI（命令行版本）会话切换比较困难，操作也不够直观。 首次配置 这一步因人而异。 官方订阅 一般情况下直接按要求登录即可，不赘述。 三方 API 首先，前往 CC Switch 官网下载并安装。这一步也可以不做，直接改配置文件，但我认为还是比较有必要的。 打开后是这样的界面： 在右上角 Tab 切换到你需要修改的 Coding Agent 软件，点击加号添加供应商。请求地址填写 Base URL，以 GLM Coding Plan 为例（上面也有预置选项，直接点也行）： 这里的 Base URL 就是请求地址，你可以前往所购买的 Coding Plan 厂商文档中查看对应工具的请求地址。Key 需要前往控制台获取，这里不赘述。 填写完毕之后，鼠标悬停在你新添加的配置上，选择启用，重启应用即可完成 API 配置。 最后，上网搜索"XX 软件 规则文件 位置"，在相应位置新建 .md 文件，按照正确的文件名进行填写。填写方式昨天已经说过，这里不赘述。 选择工作目录 打开软件后，一般需要选择工作目录，也就是项目文件夹，这个随你。 撰写项目文档 随便找一个你看得上的 AI，注意：不一定要用你的 Coding Agent，网页版就行，以免浪费额度。跟它说： text 我想做一个 xx 程序，使用 xx 技术栈，面向 xx 用户群体，用户量在 xx 左右，需要/不需要考虑云端服务。请你就项目的实现方式、视觉设计规范、技术栈选型、项目架构输出一份完整的 PRD，无需确定时间，仅需输出开发顺序。 开干 然后直接把 PRD 无脑复制给你的 Coding Agent。注意，建议打开 Plan 模式，确认无误后直接让它开干即可。 实操 - 项目需求： 实现一个悬浮窗 Todo List - 项目技术栈： Swift 原生开发 开始操作 这里我以 Claude 为例，开始撰写文档： 觉得不错就直接下载保存，然后打开你的开发工具，新建项目并选好目录，再把刚刚下载的 PRD 粘贴进去，并新建 Git 仓库。 完成后，打开 AI Coding 软件，选择"使用现有文件夹"，然后选取你刚刚创建的项目目录（这一步不同软件操作方式不同，这里以 Codex 为例）： 选择完毕之后直接 @ + PRD 文件名称，并指明让 Agent 按照这份 PRD 工作。 --- 这里顺带一提，昨天拉了一张表格给各位参考各个国产模型的强项与弱项，但没有涉及国外模型和思考深度这两个维度。今天写张更详细的表格。注意：表格内容纯主观体验。 | 模型名称 / 思考深度 | GLM-5.2 | DeepSeek-V4 Pro/Flash | Kimi K3 | GPT-5.6 Sol/Terra/Luna | Opus 4.8 / Fable 5 | | --- | --- | --- | --- | --- | --- | | OFF | 简单前端任务可以应付，性价比较低，能力较弱 | 快到没边了，效果不佳，适合角色扮演而非写代码 / 不可关闭 | 不可关闭 | 不可关闭 / 不可关闭 / 没用过 | 一般任务及部分复杂前端任务均可胜任 / 不可关闭 | | Light（所有模型可选的最低档推理深度） | 已经能够胜任大部分任务 | 足够应对大部分任务，太高的推理深度反而容易多想；DS 全系列最高额度更适合文学创作或复杂逻辑、数学题目 | 目前仅支持 max 模式，low/high 模式尚未上线 | 只能胜任轻度任务 / 只能胜任轻度任务 / 没用过 | 强 | | Medium（所有模型可选的中档推理深度） | 无中档 | 无中档 | 同上 | 基本不可用 / 只能胜任轻度任务 / 没用过 | 强 | | High（所有模型可选的较高档推理深度，含 Claude 的 High/Extra 及 GPT 的 High/Extra High/Ultra） | 无 | 无 | 同上 | 能完成大部分任务 / 能完成大部分任务 / 没用过 | 强 | | Max（所有模型可选的最高档推理深度，含 Claude 的 Max 及 GPT 的 Max） | 经常过度思考，非常慢 | 经常过度思考 | 前端能力更棒了，但后端能力依旧一般 | 非常慢，很喜欢派子代理，但效果不错 / 能胜任大多数任务 / 没用过 | 夯爆了 | --- 在 AI 完成代码编写并检查后，千万不要直接上线或直接使用。以这个项目为例，AI 在交付之后有一个比较严重的性能问题——如果直接投入使用，会造成明显的电脑卡顿。这个时候，我们就需要检查 AI 的代码是否有误，自行修改或把修复思路发送给 AI，确认无误后才能投入使用。 所以，就像我昨天说的： 不要让 AI 写你认知以外的代码 作为人类，你一定要熟练掌握你所需技术的相关知识以及工具使用，特别是工具使用。如果你连你想做的 App 该用的工具是啥都不知道，那么你多半无法真正当赛博农场主——因为从始至终，AI 都只负责执行编写代码与单测，是执行层，而你还是需要像古法编程时代那样走完完整的工业流程，是决策层。二者缺一不可。 上传与分发 GitHub 是个非常神奇的网站，Git 也是个非常神奇的工具。当一切就绪之后，先安装 gh CLI： powershell Windows PowerShell winget install --id GitHub.cli bash macOS brew install gh 完成后，使用以下命令按提示登录： bash gh auth login 然后让模型检查 .gitignore 文件和其他敏感项，确认无误后可以告诉模型用 gh 创建仓库并绑定和推送。 注意： 如果你不想开源，请明确告知模型创建私有仓库，以免代码泄露。 至于这里不用 MCP 的原因，说几点： - 配置麻烦： 用过 MCP 的人都清楚，而且如果你从未使用过 GitHub，可能连 Token 在哪创建都不知道。 - 没必要： 大多数人没必要专门弄一个 MCP，MCP 大部分能干的事情 gh CLI 都能干。 - gh 本身足够好用： 你也可以通过让模型操作 gh 来学习使用技巧。 --- 附录：黑话解释 相信很多人在接触 vibe coding 的时候都对部分黑话有困扰，我整理了一下，希望能给大家带来点帮助（手工整理不易，欢迎斧正）： - CCS： 即 CC Switch，上文介绍过了。 - CC： Claude Code，终端 vibe coding 工具。 - CCM / CCMax： Claude Max 订阅。 - CCG / CCG-Workflow： 多模型协作开发工具集——基于 Claude Code CLI，整合 Codex/Gemini 后端能力，提供智能路由、代码审查、Git 工具等 17+ 个命令。项目地址 - CCR： 自建 Claude Code 镜像，一站式开源中转服务，让 Claude、OpenAI、Gemini、Droid 订阅统一接入，支持拼车共享，更高效分摊成本，原生工具无缝使用。项目地址 - CPA： CLI Proxy API，CLI 的代理服务器，提供兼容 OpenAI/Gemini/Claude/Codex 等平台的 API 接口。项目地址 - KYC： 国外版实名认证。 - A\ 或 A、或 A/ 或 A 畜： 指 Anthropic，因为其 Logo 酷似 A\ 而得名；一说指 Anthropic 公司人品（贬义调侃）。