这周 AI 编程是真的热闹,大厂们卷起来了!
字节的 Trae Solo、腾讯的 CodeBuddy IDE、阿里的 Qwen3-Coder 接连上阵,搞得人还真是有点小兴奋。
就在前不久,身边的程序员朋友们,一个个都还在吐槽「拜拜 Cursor」、「Cursor 不香了」...
一扭脸,就又出了这么多编程工具可以续命。觉得 Cursor 用着不爽的,可以试试这些了。
今天来聊聊腾讯的 CodeBuddy 吧。
这几天一直在玩 CodeBuddy,是真的上头!
CodeBuddy,看名字,很多人应该都不陌生,这不是之前就有吗?
之前说的 CodeBuddy,是一个插件,需要安装在 VSCode、JetBrains IDEs 等 IDE 中使用。
而这周新上线的 CodeBuddy IDE,是作为一个独立的 IDE。你可以简单理解为,和 Cursor、Trae 类似。
但不同都是,CodeBuddy IDE 是全球首个产设研一体的「AI 全栈工程师」。
也就是说,你不需要懂什么技术,只需要用自然语言描述,CodeBuddy 就能实现从产品、设计、研发、再到部署上线的全流程!
一起来看看吧~
一、下载登录
目前上线的是 CodeBuddy IDE 的国际版。
CodeBuddy IDE 下载地址:
安装打开后,就来到了这个界面:
接下来两步是导入配置和安装命令行工具。
你也可以直接「Skip」跳过,后续都可以再设置和安装。
使用谷歌账号或邮箱注册登录 CodeBuddy:
登录成功后填写 CodeBuddy IDE 的邀请码(目前 CodeBuddy IDE 还在内测阶段,需要邀请码):
邀请码获取方式:
① 可以直接在 CodeBuddy IDE 官网点这里申请。
我是发布当天晚上申请的,第二天就收到了邀请码的短信,还挺快。
② CodeBuddy 官方公众号 / Discord / 交流群会不定期发放。
身边已经有很多胖友都蹲到了,可以试试。
二、CodeBuddy 界面功能介绍
输入 CodeBuddy IDE 邀请码后,就进到了主界面:
其他地方,和大部分 IDE 一样,没啥好说的,重点看右侧这部分:
这么一小块地方,居然放着 10 多个按钮!
先来简单看下各个按钮都是干啥的。
1、从 Figma 选择
Figma 经常用来做 UI / UX / 原型设计等。
而 CodeBuddy IDE 内置的 Figma,可以一键将设计稿转化为可维护的 HTML 源码,甚至是像素级还原。
2、Components(组件)
可以简单理解为,每一个组件,代表一种设计风格、一种设计规范。
目前 CodeBuddy IDE 内置 TDesign、MUI、Shadcn 这三种组件,后续应该会支持更多。
3、Integration(集成)
CodeBuddy IDE 内部集成了 Supabase 和 Tencent CloudBase。
Supabase:后端服务,登录授权、选择数据库后,CodeBuddy IDE 可以自动完成数据库操作、用户认证等。
Tecent CloudBase:腾讯云开发环境,同样是登录、授权后就能使用。
4、MCP
Cursor、Trae 等 IDE 目前也都有的功能,添加 MCP 配置后,就能直接使用对应的 MCP 服务。
5、预览
点小眼睛的按钮,可以直接预览该项目的运行情况:
还可以在预览模式下,选中某块区域,单独调整:
6、自动部署
可以一键将当前项目部署到 CloudStudio。
不仅可以生成一个公域可访问的链接,还会生成预览码:
7、Craft & Chat
想要构建任何东西,就选 Craft 模式(类似于 Cursor 的 Agent 模式);
Chat 就是简单的对话。
8、模型
Claude、GPT、Gemini 都支持:
9、设计模式 & 计划模式
同样的提示词,在「设计模式」下,CodeBuddy IDE 在简单规划了设计方案和页面规划后,就开始创建项目、写代码了:
而 Plan Mode,会先给出更详细的需求分析、技术栈、UI 设计、开发计划等,然后让我们确认后,它才开始干活:
10、提示词优化
左图是简单输入的一段需求,右图是经过优化后的提示词,可以看到描述的要详细很多:
以上就是 CodeBuddy IDE 界面功能介绍,接下来看几个实际案例。
三、案例演示:AI 工具站
先来看一个不涉及后端数据库的案例:
根据飞书文档中的内容(含200+ AI 工具及教程),快速生成一个 AI 工具站。每一个 item 参考上传的图片。
虽然飞书中有把文档发布为网站的功能,不过这个功能是收费的。
那就用 CodeBuddy 来实现一下,正好看看 CodeBuddy 的能力如何。
下面是这份文档的部分内容:
CodeBuddy 在接到需求后,就开始干活了,随后就给出了详细的需求分析、技术栈、UI 设计、开发计划等:
因为直接给飞书链接,CodeBuddy 说看不到文档的内容,所以我把这份飞书文档转成了 CSV 文件,放到了工程目录下,先看看 CodeBuddy 做的效果。
它会依次按计划执行:
从需求沟通,到初步完成、解决报错,也就不到 1 小时的时间,它就做好了,居然还做了移动端适配。
电脑版效果:
移动端效果:
这个效果还是非常满意的。
整个过程,全部用大白话沟通,没有看一行代码,有了报错,就直接粘贴报错信息给它。
不得不说,用 CodeBuddy 干活,效率太高了!
四、案例演示:含后端数据库
再来测试一个含后端和数据库交互的案例。
提示词:创建一个番茄时钟的工具(网页版)。用户可按需求设置番茄钟时长、任务内容、任务类型,并记录每次任务,用于后续生成可视化图表,便于分析。有注册、登录模块。
点「提示词优化」,直接发送优化后的提示词给 CodeBuddy:
因为涉及数据库操作,我们选择用 Supabase 作为后端服务,需要在 Integration 中,把 Supabase 开启:
点「Manage」,登录授权 Supabase、选择数据库后,CodeBuddy IDE 可以自动完成数据库操作、用户认证等了。
比如某个功能,需要建什么表、有哪些字段、修改约束等,它全部可以在 CodeBuddy IDE 中自动完成。
接下来的流程就和上一个案例类似了,分析、规划后就开始干活了:
如果有新的需求点或修改,就直接发给 CodeBuddy;有报错,就直接粘贴报错信息给它:
下面是运行效果:
一个番茄周期结束后,它会自动插入一条番茄记录。任务也可以添加、删除。
整个功能虽然简单,不过验证了 CodeBuddy IDE 调用后端服务 Supabase 来实现数据库的增删改查能力是没有问题的。
五、写在最后
不懂产品、设计,不会后端、数据库,不会服务器部署?
用 CodeBuddy IDE 直接就能实现从产品、设计、研发、再到部署上线的全流程!
而且是真快。一杯奶茶都没喝完,一个功能点就实现了!
以前会觉得,就算是人人都能用 AI 编程了,作为程序员,还是有一些些优势的。比如看到报错,能比较快的知道是哪的问题。
但现在,自己还看啥代码?直接把报错信息无脑粘贴给 CodeBuddy,它就能很快定位、并且直接上手帮你把代码修复了。
要说 CodeBuddy IDE 的问题,当然也有。
比如这几天每天晚上跑的时候,经常会出现「恢复任务」、「重试」的情况,白天相对较顺畅。
再一点,感觉可以在界面上多一些说明。比如像「设计模式」和「计划模式」这两个按钮。
从字面意思来看,一开始并不太理解这俩有什么区别的,前几个项目都是同时开启着跑,可能会有一部分人和我有同样的困惑。
不过 CodeBuddy IDE 整体使用下来,体验还是不错的。
而且在国际版 CodeBuddy IDE 内测期间,可以「免费」享受 Pro 版本权益,即 Claude 等高级模型 500 次对话。(截止至 2025.8.12)
感兴趣的可以下载体验:
推荐阅读
2024年终AI工具汇总:9大AI领域,70+精选AI工具,全都在这了!(建议收藏)
更多 AI 工具见【AI工具】专栏,持续更新中。
我是程序员X小鹿,前互联网大厂程序员,自由职业3年+,也是一名 AIGC 爱好者,欢迎一起交流~