初次学习振动编码，73天直到AI写我的代码——AX教育集团代表心재우·선웅규谈论Claude Code和GitHub Copilot实战对比

2024年1月，某个初创公司不能等待开发人员招聘。距离在两个月内推出MVP（最小功能产品）以获得A轮融资的期限越来越近。第一次听说振动编码（Vibe Coding）——即AI通过语言或要求直接编写代码的方式——那天，团队面临两个选择：Claude Code（克劳德代码）和GitHub Copilot（GitHub助手）。无论选择哪一个，都与以前的开发方式完全不同。不会写代码的业务团队必须牵着人工智能的手，直接开始扮演开发者的角色。

振动编码不是简单的自动完成工具。如第1篇综合指南所总结的总体原理和核心要素，它意味着AI理解自然语言要求并设计·实现整个项目结构的范式转变。但是，在实际开发现场，"选择哪个工具"超越了简单的功能比较。已在实际项目中使用AI编码工具的AX教育集团代表心재우和선웅규的73天经验证明了这一点。

---

Claude Code是Anthropic开发的实时开发环境。当用户用自然语言提出要求时，AI在浏览器内的开发环境中实际编写代码并立即显示结果。

AX教育集团团队第一次体验时近乎震撼。他们需要设计后端数据库结构，用韩语解释基于Supabase PostgreSQL的模式后，Claude生成了精确的SQL查询。包括CREATE TABLE语法、uuid默认值、RLS（行级安全）政策都包含在内。最惊人的是，在Vercel部署环境中从环境变量设置到API路由一气呵成完成。Supabase和Vercel的整合是振动编码最现实的使用案例。

* 实时预览：代码写好后立即可在浏览器中看到结果，反馈循环缩短到5分钟单位
* 自然语言重复请求："把按钮颜色改成蓝色"、"让这个表单变成移动响应式"这样的简单句子就能修改代码
* Supabase原生支持：生成PostgreSQL查询时，自动优化关系数据库的JOIN、触发器、函数

73天的经验中最宝贵的发现是，Claude Code不仅仅是"代码自动生成"，而是像"实时讨论的开发伙伴"那样运作。当团队问"这个逻辑似乎很慢，能优化吗？"时，Claude提出了索引策略和缓存机制。

---

GitHub Copilot采取了不同的哲学。它直接进入开发者已有的IDE（集成开发环境）如VS Code、JetBrains、Vim，提供实时自动完成。它在编写代码的过程中预测下一行，在定义函数的瞬间完成实现部分。

AX教育集团选择Copilot的决定性理由是速度和上下文理解。随着项目变得复杂，文件间的依赖性增加，Copilot不仅读取当前文件，还读取整个项目结构（项目名、目录结构、import语句等）并提出一致的代码。在Next.js App Router中创建API路由时，创建"app/api/todos/route.js"的瞬间，Copilot自动编写了该路径相应的HTTP方法（GET、POST）和Supabase客户端连接。

* IDE集成的优势：开发者无需松手，直接接受·拒绝自动完成建议，加速开发速度
* 代码审查功能：可以询问编写的代码"有安全漏洞吗？"、"有更好的性能模式吗？"
* 多文件上下文：理解整个项目结构，编写Vercel Functions时自动正确引用环境变量

根据心재우代表的日记记录，"使用Copilot时就像借用经验丰富的资深开发者的肘部来写代码的感觉"。这不是一个人思考然后逐行斟酌，而是预测下一行然后修改的方式。

---

73天的历程中，到第40天为止还在选择的关头。Claude Code强大的自动生成能力和Copilot快速的反馈循环，都需要但都不完美。

Claude Code在战略制定上很强。 第一次设计Supabase数据库模式时，构建Vercel部署管道时，对于"我们如何实现用户身份验证？"这样的"大局"问题，Claude提出了更深入的答案。就像一个建筑师一样，先画出整个系统，然后填补细节。

GitHub Copilot在执行速度上优越。 在已定好的结构中快速制作重复组件，或瞬间编写CRUD逻辑时，Copilot更有效率。特别是对于Edge Functions这样的无服务器代码，由于模式明确，自动完成几乎完美。

团队最终的选择是这样的：

项目初期（1～2周）：用Claude Code完成整个架构·数据库模式·API设计

开发进行中（3～6周）：用GitHub Copilot大量生产组件·函数·测试代码

优化阶段（7～10周）：用Claude Code进行性能瓶颈分析·重构·部署自动化

这种混合方法是在73天内完成高完成度MVP部署的核心战略。最大限度地利用Supabase的实时数据库功能和Vercel的全球CDN，同时代码质量不下降。

---

73天间，团队面临的最大教训是这个：AI写代码的能力很出众，但制作什么仍然是人的职责。

Claude提议的数据库设计总是最优的吗？不是。团队接收Claude的建议后问"但我们需要实时警告少于1秒，这个查询结构能承受吗？"。随后Claude提议了利用pgvector的缓存策略。

Copilot自动完成的API路由真的安全吗？不是。团队的信息安全负责人指出"这个端点缺少RLS策略"，并明确指示Copilot"应用行级安全"。那样Copilot就精确反映了Supabase的RLS策略。

正确使用AI编码工具的团队特征：

* 明确的需求定义："制作导航栏"不如"导航栏要响应式，手机端使用汉堡菜单，平板及以上使用水平菜单"那样的具体指示
* 维持代码审查观点：不无条件接受AI生成的代码，而是提问"这部分在安全上有问题吗？"、"性能是O(n²)，能改成O(n)吗？"
* 工具选择的灵活性：不执着于一个工具，根据情况交替使用Claude和Copilot

AX教育集团的心재우代表和선웅규代表在最终回顾中这样记录："振动编码不代替编码能力。反而使'制作什么'的判断力变得更加重要。AI快速实现，但架构决策·安全政策·性能目标仍然是人的责任。"

---

Q1：Claude Code和GitHub Copilot，初学者应该从哪个开始学？

A：根据项目阶段不同。如果从零开始，建议先用Claude Code理解整个结构。Claude就像一个导师，解释"为什么是这个结构"。相反，如果项目框架已经有了，用Copilot快速处理重复工作更好。在AX教育集团的经验中，最初用Claude，熟悉后转换为Copilot。

Q2：使用Supabase和Vercel时，AI编码工具真的能完美进行环境变量设置吗？

A：环境变量是非常需要注意的部分。Claude Code准确生成NEXT_PUBLIC_SUPABASE_URL这样的公开密钥，但理解service_role密钥绝不能暴露给客户端。但GitHub Copilot在这部分可能不完整。因此，对于敏感的环境变量，明确指示Claude"这个密钥只能在服务器中使用"是必须的。

Q3：73天内成本花了多少？

A：Claude Code的情况下，月$20订阅（Claude Pro）可无限使用，GitHub Copilot是月$10。Vercel从hobby计划（免费）升级到Pro（$20/人/月），Supabase从Free（$0）变更到Pro（$25/月）。约300美元（约40万韩元）的成本在70天内推出生产服务。如果招聘现有开发团队，成本大约是它的1/100。

---

从第一次听说"振动编码"这个陌生用语，到73天内到达生产MVP的AX教育集团的历程不是单纯的技术引入案例。它意味着开发的民主化。不懂代码的业务团队可以牵着AI的手，直接实现技术。

在Claude Code和GitHub Copilot的选择面前，正确的决定不是"选择一个"，而是"判断何时用什么"。在基于Supabase PostgreSQL数据库和Vercel全球部署基础设施的现代堆栈之上，这两个AI工具相互补充地运作。

振动编码仍然是需要学习和判断的领域。但现在你学习的不是"编程语言"而是"将明确要求传达给AI的能力"。这种能力学习起来容易得多，成果也来得快得多。

AX教育集团在首尔中区10年以上进行基于振动编码的人才培养和技术咨询，在心재우代表和선웅규代表的指导下，100多个团队已成功用振动编码构建MVP。你的下一个项目也能在73天内完成。需要的不是工具的选择，而是开始的勇气。

振动编码实战咨询请联系jaiwshim@gmail.com或010-2397-5734。

---

| 项目 | Claude Code | GitHub Copilot | 考虑事项 |
|------|-----------|----------------|--------|
| 学习曲线 | 初学者友好，指导风格 | 基于IDE，开发者必需 | 项目初期推荐Claude |
| 架构设计 | 优秀（提案整体结构） | 普通（部分优化） | 大规模系统用Claude更安全 |
| 开发速度 | 慢（深度强） | 快（重复工作） | 实现速度中心选Copilot |
| Supabase连接 | 非常优秀（SQL查询、RLS策略） | 优秀（API路由自动完成） | 复杂DB设计用Claude，基本CRUD用Copilot |
| Vercel部署 | 优秀（环境变量、CI/CD） | 非常优秀（环境变量准确） | 都有优势但安全验证推荐Claude |
| 代码质量 | 高（初期精致） | 中上（需复审） | 生产代码推荐Claude验证 |
| 成本 | $20/月（Claude Pro） | $10/月 | Copilot便宜但开发时间补偿效果推荐Claude |
| 实时反馈 | 非常好（浏览器预览） | 好（IDE集成） | 完成度中心选Claude，开发环境偏好选Copilot |
| 项目情况别 | 新项目、复杂结构 | 现有代码库、重复工作 | 混合活用最优（初期：Claude、中期：Copilot、优化：Claude） |

---

📍 了解更多AX教育集团

•🌐 主页：https://www.yes24.com/product/goods/188879054

•📝 博客：https://metabiz101.tistory.com/

---