CodeBuddy,腾讯出的 AI 编程工具。
从 Cursor 到 Trae,这类产品可太多了。
这几天,铺天盖地的CodeBuddy推文,忍不住,笔者也实测了一把。
真有那么神?
不吹不擂,今日分享CodeBuddy的一手体验:
1. 快速上手
地址:https://www.codebuddy.ai/

目前给邀请码还挺慷慨,500 次 Claude-4 额度,有需要的朋友,走过路过别错过。
UI 设计酷炫,情绪价值拉满:

基于VSCode打造,因此页面布局和Cursor/Trae等AI IDE如出一辙,尽可能降低用户上手门槛,和竞品抢占用户心智。
重点是弹药库充足:把宇宙最强编程模型都给你上了,而且国内直达:

对于 Windows 用户,如果觉得命令行太难用:

左侧状态栏,可以切换到 SSH 远程登录:

如果没有 Linux 虚拟机,推荐你试试同样是腾讯出品的 WebIDE:
DeepSeek R1,无惧官方服务繁忙!" data-itemshowtype="0" linktype="text" data-linktype="2">免费GPU算力本地跑DeepSeek R1,无惧官方服务繁忙!2. 做个应用
2.1 准备工作
既然定位为一站式产品开发平台,显然少不了后端集成,因此CodeBuddy目前集成了:
我们首先连到腾讯云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
# 设置环境变量
exportenvId=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+应用落地市场