腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

这周 AI 编程是真的热闹,大厂们卷起来了!

字节的 Trae Solo、腾讯的 CodeBuddy IDE、阿里的 Qwen3-Coder 接连上阵,搞得人还真是有点小兴奋。

就在前不久,身边的程序员朋友们,一个个都还在吐槽「拜拜 Cursor」、「Cursor 不香了」…

一扭脸,就又出了这么多编程工具可以续命。觉得 Cursor 用着不爽的,可以试试这些了。

今天先来聊聊腾讯的 CodeBuddy 吧。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

这几天一直在玩 CodeBuddy,是真的上头!

CodeBuddy,看名字,很多人应该都不陌生,这不是之前就有吗?

之前说的 CodeBuddy,是一个插件,需要安装在 VSCode、JetBrains IDEs 等 IDE 中使用。

而这周新上线的 CodeBuddy IDE,是作为一个独立的 IDE。你可以简单理解为,和 Cursor、Trae 类似。

但不同都是,CodeBuddy IDE 是全球首个产设研一体的「AI 全栈工程师」。

也就是说,你不需要懂什么技术,只需要用自然语言描述,CodeBuddy 就能实现从产品、设计、研发、再到部署上线的全流程!

一起来看看吧~

目前上线的是 CodeBuddy IDE 的国际版。

CodeBuddy IDE 下载地址:

https://www.codebuddy.ai

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

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

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

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

你也可以直接「Skip」跳过,后续都可以再设置和安装。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)
腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

使用谷歌账号或邮箱注册登录 CodeBuddy:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)
腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

登录成功后填写 CodeBuddy IDE 的邀请码(目前 CodeBuddy IDE 还在内测阶段,需要邀请码):

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

邀请码获取方式:

① 可以直接在 CodeBuddy IDE 官网点这里申请。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

我是发布当天晚上申请的,第二天就收到了邀请码的短信,还挺快。

② CodeBuddy 官方公众号、Discord 及交流群内会不定期发放。

身边已经有很多胖友都蹲到了,可以试试。

输入 CodeBuddy IDE 邀请码后,就进到了主界面:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

其他地方,和大部分 IDE 一样,没啥好说的,重点看右侧这部分:

这么一小块地方,居然放着 10 多个按钮!

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

先来简单看下各个按钮都是干啥的。

Figma 经常用来做 UI / UX / 原型设计等。

而 CodeBuddy IDE 内置的 Figma,可以一键将设计稿转化为可维护的 HTML 源码,甚至是像素级还原。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

可以简单理解为,每一个组件,代表一种设计风格、一种设计规范。

目前 CodeBuddy IDE 内置 TDesign、MUI、Shadcn cursor 教程 这三种组件,后续应该会支持更多。

CodeBuddy IDE 内部集成了 Supabase 和 Tencent CloudBase。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

Supabase:后端服务,登录授权、选择数据库后,CodeBuddy IDE 可以自动完成数据库操作、用户认证等。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

Tecent CloudBase:腾讯云开发环境,同样是登录、授权后就能使用。

Cursor、Trae 等 IDE 目前也都有的功能,添加 MCP 配置后,就能直接使用对应的 MCP 服务。

点小眼睛的按钮,可以直接预览该项目的运行情况:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

还可以在预览模式下,选中某块区域,单独调整:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

可以一键将当前项目部署到 CloudStudio。

不仅可以生成一个公域可访问的链接,还会生成预览码:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)
腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

想要构建任何东西,就选 Craft 模式(类似于 Cursor 的 Agent 模式);

Chat 就是简单的对话。

Claude、GPT、Gemini 都支持:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)
腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

同样的提示词,在「设计模式」下,CodeBuddy IDE 在简单规划了设计方案和页面规划后,就开始创建项目、写代码了:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

而 Plan Mode,会先给出更详细的需求分析、技术栈、UI 设计、开发计划等,然后让我们确认后,它才开始干活:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)
腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)
腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

左图是简单输入的一段需求,右图是经过优化后的提示词,可以看到描述的要详细很多:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

以上就是 CodeBuddy IDE 界面功能介绍,接下来看几个实际案例。

先来看一个不涉及后端数据库的案例:

根据飞书文档中的内容(含200+ AI 工具及教程),快速生成一个 AI 工具站。每一个 item 参考上传的图片。

虽然飞书中有把文档发布为网站的功能,不过这个功能是收费的。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

那就用 CodeBuddy 来实现一下,正好看看 CodeBuddy 的能力如何。

下面是这份文档的部分内容:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

CodeBuddy 在接到需求后,就开始干活了,随后就给出了详细的需求分析、技术栈、UI 设计、开发计划等:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

因为直接给飞书链接,CodeBuddy 说看不到文档的内容,所以我把这份飞书文档转成了 CSV 文件,放到了工程目录下,先看看 CodeBuddy 做的效果。

它会依次按计划执行:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

从需求沟通,到初步完成、解决报错,也就不到 1 小时的时间,它就做好了,居然还做了移动端适配。

电脑版效果:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例) https://www.zhihu.com/video/1932937096865220472

移动端效果:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例) https://www.zhihu.com/video/1932937173537101244

这个效果还是非常满意的。

整个过程,全部用大白话沟通,没有看一行代码,有了报错,就直接粘贴报错信息给它。

不得不说,用 CodeBuddy 干活,效率太高了!

再来测试一个含后端和数据库交互的案例。

提示词:创建一个番茄时钟的工具(网页版)。用户可按需求设置番茄钟时长、任务内容、任务类型,并记录每次任务,用于后续生成可视化图表,便于分析。有注册、登录模块。

点「提示词优化」,直接发送优化后的提示词给 CodeBuddy:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

因为涉及数据库操作,我们选择用 Supabase 作为后端服务,需要在 Integration 中,把 Supabase 开启:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

点「Manage」,登录授权 Supabase、选择数据库后,CodeBuddy IDE 可以自动完成数据库操作、用户认证等了。

比如某个功能,需要建什么表、有哪些字段、修改约束等,它全部可以在 CodeBuddy IDE 中自动完成。

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)
腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

接下来的流程就和上一个案例类似了,分析、规划后就开始干活了:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

如果有新的需求点或修改,就直接发给 CodeBuddy;有报错,就直接粘贴报错信息给它:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

下面是运行效果:

腾讯还是太全面了!超全CodeBuddy IDE保姆级教程来了!(附案例)

一个番茄周期结束后,它会自动插入一条番茄记录。任务也可以添加、删除。

整个功能虽然简单,不过验证了 CodeBuddy IDE 调用后端服务 Supabase 来实现数据库的增删改查能力是没有问题的。

不懂产品、设计,不会后端、数据库,不会服务器部署?

用 CodeBuddy IDE 直接就能实现从产品、设计、研发、再到部署上线的全流程!

而且是真快。一杯奶茶都没喝完,一个功能点就实现了!

以前会觉得,就算是人人都能用 AI 编程了,作为程序员,还是有一些些优势的。比如看到报错,能比较快的知道是哪的问题。

但现在,自己还看啥代码?直接把报错信息无脑粘贴给 CodeBuddy,它就能很快定位、并且直接上手帮你把代码修复了。

要说 CodeBuddy IDE 的问题,当然也有。

比如这几天每天晚上跑的时候,经常会出现「恢复任务」、「重试」的情况,白天相对较顺畅。

再一点,感觉可以在界面上多一些说明。比如像「设计模式」和「计划模式」这两个按钮。

从字面意思来看,一开始并不太理解这俩有什么区别的,前几个项目都是同时开启着跑,可能会有一部分人和我有同样的困惑。

不过 CodeBuddy IDE 整体使用下来,体验还是不错的。

而且在国际版 CodeBuddy IDE 内测期间,可以「免费」享受 Pro 版本权益,即 Claude 等高级模型 500 次对话。(截止至 2025.8.12)

感兴趣的可以下载体验:

https://www.codebuddy.ai


推荐阅读

AI入门:9大AI领域,70+精选AI工具汇总,全都在这了!超全干货,建议收藏!(含工具教程)

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/235909.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午1:09
下一篇 2026年3月16日 下午1:09


相关推荐

关注全栈程序员社区公众号