腾讯还是太全面了,限时免费!超全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 爱好者,欢迎一起交流~

相关推荐
funfan05171 小时前
Claude4、GPT4、Kimi K2、Gemini2.5、DeepSeek R1、Code Llama等2025主流AI编程大模型多维度对比分析报告
ai编程
草梅友仁1 小时前
草梅 Auth 1.1.0 发布与最新动态 | 2025 年第 30 周草梅周报
开源·github·ai编程
LinXunFeng2 小时前
AI - Gemini CLI 摆脱终端限制
openai·ai编程·gemini
yeshan7 小时前
使用 Claude Code 的自定义 Sub Agent 完善博文写作体验
ai编程·claude·掘金·日新计划
人生都在赌9 小时前
一个AI工作流如何让代码审查从手动到智能?实战拆解
ai编程·devops·cursor
北极的树9 小时前
大模型上下文工程之Prefix Caching技术详解
人工智能·ai编程
软件测试君10 小时前
【Rag实用分享】小白也能看懂的文档解析和分割教程
aigc·openai·ai编程
qiyue7710 小时前
AI编程专栏(七)-什么是上下文工程,与提示工程区别
人工智能·ai编程·cursor
wayne21410 小时前
不写一行代码,也能做出 App?一文看懂「Vibe Coding」
人工智能·ai编程