不吹不擂 CodeBuddy 实测：还是腾讯会玩啊！可白嫖 Claude-4/GPT-5

CodeBuddy，腾讯出的 AI 编程工具。

从 Cursor 到 Trae，这类产品可太多了。

这几天，铺天盖地的 CodeBuddy 推文，忍不住，笔者也实测了一把。

真有那么神？

不吹不擂，今日分享 CodeBuddy 的一手体验：

1. 快速上手

地址：https://www.codebuddy.ai/

目前给邀请码还挺慷慨，500 次 Claude-4 额度，有需要的朋友，走过路过别错过。

UI 设计酷炫，情绪价值拉满：

基于 VSCode 打造，因此页面布局和 Cursor/Trae 等 AI IDE 如出一辙，尽可能降低用户上手门槛，和竞品抢占用户心智。

重点是弹药库充足：把宇宙最强编程模型都给你上了，而且国内直达：

对于 Windows 用户，如果觉得命令行太难用：

左侧状态栏，可以切换到 SSH 远程登录：

如果没有 Linux 虚拟机，推荐你试试同样是腾讯出品的 WebIDE：

2. 做个应用

2.1 准备工作

既然定位为一站式产品开发平台，显然少不了后端集成，因此 CodeBuddy 目前集成了：

• 海外的 Supabase（主要是数据库）；
• 自家的 CloudBase （产品更全）；

我们首先连到腾讯云 CloudBase，后续可以用这里的免费服务:

成功后会在当前目录下自动生成AI 规则文件：

这个 AI 规则文件怎么理解？

其实就是提示词工程，用来给 CodeBuddy 在开发过程中定规矩：

所以，CodeBuddy 会首先识别要开发的项目类型，然后再去遵守对应的开发文档。

私以为这套提示词工程非常棒，值得借鉴！

当然，如果你不想用腾讯家的产品CloudBase，也可以自定义规则，右上角这里：

下面，我们以官方案例，实测下 CodeBuddy 能力几何！

2.2 需求描述

需求应该尽可能明确，比如要用到的技术栈：

创建一个在线投票系统，支持创建投票、参与投票、结果统计；

前端使用vue3+javascript+tdesign组件库+unocss+pnpm+eslint+prettier；

先和我确认需求，用中文和我对话，最后完成部署。

当然，即便你觉得需求非常明确了，AI 也未必听话照做，还得不断调教它。

2.3 开始开发

发送之前，记得勾选这里的 Plan 模式：

你看，AI 开始查看规则了：

不过 Claude 4 并没有听话照做-用中文回答我。

AI 看完了，帮我生成了需求文档：

不明确的地方，主动向我询问：

开始打工了，首先是逐步安装依赖：

然后，进行项目配置：

开始创建连接CloudBase的环境：

下面正式进入代码环节！

首先是创建路由配置文件：

然后，创建Pinia状态管理配置:

然后，创建页面布局：

创建不同页面：

修改css样式：

最后创建 README.md文件:

至此，对新手来说，看着 AI 打工，起码能学到基本的前端开发流程；

对于有一定前端开发经验的工程师，依然赏心悦目！

最后的最后，创建CloudBase配置文件，以便于项目的部署和管理：

运行项目试试看：

这里，它让你前往腾讯云CloudBase，对于新手来说还是很贴心的：

2.4 开始 Debug

没有页面怎么办？

发现报错怎么办？

直接问CodeBuddy ：

修改 src/utils/cloudbase.js 文件中的环境ID
修改 cloudbaserc.json 文件中的环境ID
已完成，你用的什么数据库啊，我在哪创建数据库啊

这个项目的后端数据库，CodeBuddy 选择的文档型数据库 MongoDB，还是挺合理的，方便后续扩展。

在CloudBase中同时支持关系型和文档型数据库：

此外，自有数据库是让你把其他产品的数据库迁过来，就怕你不来~

然后，我们在文档型数据库中，创建项目用到的三个集合：

数据库配置好之后，前端页面就可以成功展示了，只是差点意思：

你看看这个布局~

你怎能奢望它一气呵成，给你完整的项目？

没招，一步步来吧~

在 Claude-4 被我喷了无数次后，终于把布局的 bug 给修好了：

CodeBuddy 中比较贴心的一点：调整前端页面时，可以选择页面元素进行调整：

即便如此，这个项目中 bug 依旧很多，略举两例：

• 路由不统一：

• 重复页面：

Claude-4 小心翼翼地修 bug，任劳任怨，但经常原地转圈，纯纯有苦劳没功劳。光缓存就干到了 8MB：

在我的不断鞭策下，注册登录等基本功能 OK 了。

还有一堆 Bug，懒得修了，先部署起来吧~

3. 部署起来

后端只用到了 CloudBase 的数据库，所以编译打包后，可以把 dist 放到任意一台服务器上。

npm run build

不过，CloudBase 也提供静态网站部署能力，藏的有点深：

命令行部署超级简单，说白了就是把静态文件上传到云端。

具体流程如下：

# 安装 CLI 工具
npm install @cloudbase/js-sdk
# 先登录，等待网页端授权
tcb login
# 设置环境变量
export envId=cloud1-xxx
# 获取静态网站服务信息
tcb hosting detail -e $envId
# 将文件上传到静态网站的存储空间中的指定路径
tcb hosting deploy ./dist . -e $envId
# 删除文件/文件夹
tcb hosting delete -d vote -e $envId
# 查看文件列表
tcb hosting list -e $envId

上传成功，在哪查看文件？

需要前往腾讯云控制台：

https://console.cloud.tencent.com/

等待一段时间，CDN 缓存就绪后，上方域名即可访问：

https://cloud1-3gvpnlgk5f856f4b-1327613494.tcloudbaseapp.com/

4. 个人感受

实测结论：

• CodeBuddy 和其他竞品相比，单就编程能力，并无显著优势，但并不妨碍它成功出圈。

不是 CodeBuddy 不行，不是 Trae 不行，而是背后的 LLM 还有很长的路要走。

面对群狼环伺的 AI IDE 市场，如何从一众竞品中站稳，腾讯花了很大心思。尤其是和自家的云原生开发平台 CloudBase 深度绑定。

因此，不只是 AI IDE 市场。

AI IDE 只是很好的入口，腾讯想要的是，元原生时代，广阔的AI+应用落地市场