腾讯还是太全面了,限时免费!超全CodeBuddy IDE保姆级教程!(附案例)

这周 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 下载地址:

www.codebuddy.ai

安装打开后,就来到了这个界面:

接下来两步是导入配置和安装命令行工具。

你也可以直接「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)

感兴趣的可以下载体验:

www.codebuddy.ai


推荐阅读

2024年终AI工具汇总:9大AI领域,70+精选AI工具,全都在这了!(建议收藏)

更多 AI 工具见【AI工具】专栏,持续更新中。

我是程序员X小鹿,前互联网大厂程序员,自由职业3年+,也是一名 AIGC 爱好者,欢迎一起交流~

相关推荐
野生的码农3 小时前
放过自己,降低预期,及时行乐
android·ai编程
程序员陆业聪3 小时前
裸奔的 AI 助手和装备齐全的 AI 助手,根本不是同一个东西
ai编程
南木元元7 小时前
别只会用 Cursor!它的提示词工程才是真正的大招
ai编程·cursor
對玛祷至昏7 小时前
Trae AI编程入门
ai编程
小徐敲java8 小时前
opencode配置本地模型
ai编程
序舟归桁9 小时前
OpenClaw 多智能体在编程领域的实践与挑战
ai编程
序舟归桁9 小时前
Harness Engineering:AI Agent 时代,工程师的新核心能力
ai编程
攻城狮_老李9 小时前
从零开始理解 Agent Skills:动手实践 —— 创建第一个 Skill
openai·agent·ai编程
甲维斯9 小时前
来看看GLM5.1到底升级了什么!
ai编程