type
status
date
slug
summary
tags
category
icon
password
🚀 终极 Vibe Coding 工作流搭建指南
开始你的 AI 编程超级引擎 —— 这个配置我称之为Hero Vibe
📋 工作流全景图
在开始之前，让我们先看看我们要搭建的完整系统：
第一章：搭建算力基础 —— Gemini 家庭组
🎯 为什么选择家庭组方案？
家庭组方案是目前性价比最高的方式之一：
- 1 个 Pro 账号 + 5 个普通账号 = 6 个账号共享 Pro 权益
- 成本分摊后，人均价格极具吸引力
- 充足的 API 调用额度支撑高强度开发
📝 Step 1：购买 Gemini Pro 账号
首先，你需要拥有一个 Google One AI Premium 订阅账号作为"家长"。
📝 Step 2：组建家庭组
- 点击 "创建家庭群组"
- 按照提示完成家庭群组的创建
(screenshot - 家庭群组创建界面)
📝 Step 3：邀请成员加入
准备好你的普通 Google 账号（最多可邀请 5 位家庭成员）：
- 在家庭群组管理页面点击 "邀请家庭成员"
- 输入准备好的 Google 账号邮箱
- 在被邀请账号中接受邀请
第二章：部署 API 代理层 —— CLI Proxy API
🎯 这一步在做什么？
CLI Proxy API 是整个工作流的"中枢神经"，它能将你的 Gemini 账号转化为兼容 OpenAI 格式的 API 服务，让各种 AI 工具都能调用。
📝 Step 0：准备一个海外服务器
📝 Step 1：安装项目
根据https://help.router-for.me/cn/introduction/quick-start安装CLI Proxy API
Linux打开终端，执行以下命令：
📝 Step 2：启动CPA WebUI
📝 Step 3：配置反重力 OAuth+Codex
- 登录后，
OAuth登录中登录Antigravity OAuth： 通过 OAuth 流程登录 Antigravity（Google 账号）服务
- 登录成功后是一个无法连接的页面，复制网页连接，输入至回调URL，提交回调URL，稍等就会完成认证
- codex 操作类似，
📝 Step 4：启动代理服务 （本地服务器可选配置代理）
第三章：Windows安装三大 CLI
📝 一键安装 安装 Claude Code / Codex / Gemini CLI
第四章：统一管理 —— CC-Switch 配置中心
🎯 为什么需要 CC-Switch？
当你有多个 CLI 工具，每个工具又有多套配置时，管理就变成了噩梦。CC-Switch 就是来解决这个痛点的——一个命令，切换所有配置！
📝 Step 1：安装 CC-Switch
去GIthub下载CC-Switch Windows版msi安装包
📝 Step 2：新增统一供应商
启动CC Switch，再右上角+号新增统一供应商
📝 Step 3：配置统一供应商
API地址需要自行替换成你的国外服务器IP
📝 Step 4：同步到应用商
📝 Step 5：在设置中开启跳过 Claude Code 初次安装确认
在设置中开启应用到Claude Code插件（可选）
第五章：VS Code 集成 Claude （可选）
📝 Step 1：安装 Claude 扩展
- 打开 VS Code
- 按下
Ctrl+Shift+X（或Cmd+Shift+X）打开扩展市场
- 搜索 "Claude"
- 点击 "Install" 安装官方扩展
(screenshot - VS Code 扩展市场中的 Claude 扩展)
📝 Step 2：测试Claude
- 打开命令面板
Ctrl+Shift+P或 点击图标
- 输入 "Claude: Start Chat"，按钮启动Claude
- 在对话框中输入测试消息
看到回复？恭喜你，Claude 已经准备就绪！
第六章：终极武器 —— CCG 三 CLI 协作工作流
🎯 这是什么？
CCG（Claude Code Gemini） 是一套编排系统，能让 Gemini CLI、Claude Code 和Codex 像一支训练有素的团队一样协作：
- 前端任务 → Gemini（擅长 UI/CSS/组件）
- 后端任务 → Codex（擅长逻辑/算法/调试）
- 全栈整合 → Claude（编排决策、质量把控）
📝 Step 1：快速安装
- 选择 “初始化工作流”
- 配置 ace-tool MCP（可选，可跳过）
- 自动安装 16 个命令
- 重启终端生效
在 Claude Code 中执行
/ccg:workflow 实现用户登录功能
自动执行 6 阶段工作流：Prompt增强 → 代码检索 → 并行分析 → 原型生成 → 实施 → 审计
🎊 恭喜！你已经拥有了最强 Hero Vibe 编程环境
快速回顾
你刚刚完成的配置：
步骤 | 组件 | 作用 |
1️⃣ | Gemini 家庭组 | 提供充足的 API 算力 |
2️⃣ | CLI Proxy API | 统一 API 接口，反重力 OAuth |
3️⃣ | 三大 CLI | Gemini + Claude Code +Codex |
4️⃣ | CC-Switch | 一键切换多套配置 |
5️⃣ | VS Code + Claude | IDE 深度集成 |
6️⃣ | CCG 工作流 | 三 CLI 自动化协作 |
日常使用流程
🌟 结语
你现在拥有了一套 真正的 AI 编程超级引擎。三个顶级 AI 助手各司其职，又能无缝协作，这就是 Hero Vibe 的魅力所在。
开始你的超级编程之旅吧！🚀
如果这篇教程帮到了你，别忘了在 GitHub 给相关项目点个 Star ⭐，非常感感谢大佬们的贡献，我只是个知识的整合者。
相关链接：
- Author:王吹风
- URL:https://harry.vfxskill.com/article/16
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
