文章来源:万象ai发布时间:2025-07-15 10:30:17
大家好,我是袋鼠帝
辣个前端时间爆火的腾讯云代码助手-CodeBuddy
最近出IDE了,还是叫CodeBuddy(不是插件)
跟之前的Trae一样,目前先发布的是国际版
codebuddy.ai
现在除了海外的以Cursor为代表的AI IDE之外,国内大厂(字节、阿里、百度、腾讯)纷纷都发布了自己的AI IDE产品。
这次腾讯加入后,我感觉可以宣布AI IDE的竞赛进入决赛圈了
其实听到CodeBuddy出IDE了,我的第一反应:就是之前腾讯云代码助手插件的IDE版,功能应该差不多吧
了解之后,我发现不太一样,腾讯这次的野心还真不小
他们要打造的是全球首款产设研一体的「AI全栈高级工程师」
我上次不是写了augment正在抢走中级程序员的饭碗嘛
AI编程神器Augment
降维打击Cursor!Augment正在抢走中级程序员的饭碗...
好家伙,这次腾讯的CodeBuddy是想把产品、设计、前后端开发的饭碗一锅端了呀?!
这是CodeBuddy的slogen:
Where Design Meets Dev in Real-Time(设计与开发实时交汇之地)
产(产品)、设(设计)、研(研发)一体化,这个词可能听着有点虚,我给大家翻译一下。
一个产品从设计到上线的工作流大致如下:
“
产品经理:绞尽脑汁写PRD(产品需求文档)。
设计师:看着PRD,在Figma等工具里面画高保真设计稿。
前端/后端:拿到设计稿/PRD,开始像素级还原,可能为了一个组件的样式或者后端接口(API)跟设计师、产品经理、后端同学来回拉扯。
“
这个流程最大的痛点是什么?
是断层,每一个环节都是一次信息的损耗和转译,沟通成本高得离谱。
CodeBuddy IDE就是想把这些断层全部填平。
从一个模糊的想法,到结构化的需求文档,再到可交互的设计稿,最后生成可维护的前后端代码,部署上线都在一个平台里全部搞定。
其实以前在上班的时候我就发现了,多人协作,很多时候还不如我一个人做得快(前提是你都会的情况下)
而且它是国际版,直接内置了全球最顶尖的2大编程模型:Claude-4.0-sonnet、Gemini-2.5-Pro。并深度整合进了IDE的每一个功能里。
怎么用上CodeBuddy?我放最后了
光说不练假把式,是骡子是马拉出来溜溜
我们先来测试一下它到底怎么样
一、实测CodeBuddy
既然是腾讯的AI IDE,那么我就要测试一下微信小程序的生成能力。
刚好想做一个自家猫舍的小程序,就拿它来试试
而且是一个比较复杂的全栈任务(包含前端、后端、后台管理系统)
请帮我创建一个完整的‘私家猫舍在线选猫’微信小程序项目。前端需求:使用TDesign WeApp组件库,用TypeScript开发。首页:展示所有待售猫咪的卡片列表,包含照片、品种、年龄、价格。支持按品种筛选。详情页:点击卡片进入,展示猫咪更多图片、视频、性格描述和健康状况。有一个‘立即咨询’按钮。我的页面:用户通过微信登录后,可以看到自己的咨询记录和收藏的猫咪列表。后端及数据库需求:使用内置的Supabase作为后端。自动创建以下数据表:cats 表:存储猫咪信息 (id, name, breed, age, price, description, images_url, video_url, status)。users 表:Supabase自带的认证用户表。favorites 表:用户收藏夹 (user_id, cat_id)。conversations 表:用户咨询记录。自动生成所有表的CRUD API,并设置好行级安全策略(RLS),确保用户只能修改自己的数据。后台管理系统需求:生成一个简单的Web端后台管理页面。管理员可以登录,并对cats表进行增、删、改、查操作(比如上架新猫咪,修改价格等)。在把整个任务丢给它之前,先配置一下supabase
点击右上角「设置」->integration->supabase的login(下图是我已经登录了,没有登录的话是login按钮)
然后就会跳转到网页,点击以github登录
如果没有项目可以先新建一个
给新项目起个名字,设置一下密码,选择地区,我选择的新加坡
最后CodeDubby显示supabase successfully connected就代表配置成功了
配置成功后的效果如下
然后选择Agent模式,由于我最近Gemini用得比较多,我就选择了Gemini-2.5-Pro。
以及不要忘记开启UI组件库(选择其中一个,让生成页面的样式更精美)
随后在对话框发布任务,它就吭哧吭哧开始干活了
可以看到,一开始CodeBuddy使用req_analysis进行了详细的需求分析。
并输出了analysis(分析)、tech(技术)、design(设计)、plan(计划)几个维度的信息(但是是全英文)
我把整个需求文章翻译了一下, 大家可以看看(下面视频),这个PRD(需求文档)
还是比较详细了,是一份「包含技术规划的产品需求文档」
整个过程它基本上是全自动完成任务
但是偶尔会中断(比如下面这样)
中断后,我们点击继续就行
大概跑了10多分钟,它终于执行完毕了
生成了一大堆代码文件,就不展开了,主要分为下面几个模块
然后它还给我们布置了任务...
由于使用supabase作为数据库和用户认证,需要配置一下supabase项目的的url和apikey
到这里我有点没搞懂之前配置的supabase有什么用,这里还是要我们自己配置,有点迷,有清楚的朋友欢迎评论区解答一下
把生成的sql文件内容复制到项目的SQL Editor中,点击run执行
获取supabase的项目的url和apikey
https://supabase.com/dashboard/project/qhtnigzcumxfqfkbkglt/settings/api
下图中可以获取url,然后点击go to apikeys
跳转后,这里获取apikey
将刚刚获取的ulr和apikey填写到CodeBuddy给的指定位置
最终生成的后台管理登录页,长下面这样
现在需要一个登录账号
因为用户认证是集成在supabase里面的
所以这个用户我们可以去supabase那边创建
https://supabase.com/dashboard/project/qhtnigzcumxfqfkbkglt/auth/users
在下图位置 新增user
填写邮箱和密码,点击create user(创建用户)
随后我们就可以在刚刚的登录页,输入邮箱和密码登录后台管理啦
登录进后台管理页面如下,虽然比较简单,但是也还不错。
至少我们有了一个后台管理,后续编辑猫咪信息也比较方便~
然后是小程序那块
由于我是真滴不太懂小程序咋搞,丢进微信开发者工具后各种报错,让改了好几次也没改好,果断先放弃
于是让它重新写了一套h5的前端代码
然后它又吭哧吭哧工作了10多分钟
终于完成了猫舍的h5页面搭建
下面是它执行的部分过程
前端页面这块也是有一些报错,但是只要遇到报错啥的,就截图丢给它,让它帮你处理就行。
有个bug,Gemini-2.5-Pro处理了半天都不行,结果换成Claude-4.0-sonnet立马就解决了。。。
经过几轮bug处理,终于正常启动了
最后我们一起来看看效果
当然上面都是初步完成的效果,后续哪里不满意可以一直跟CodeBuddy沟通修改。
完成之后点击Publish CloudStudio即可一键部署到云端
部署成功后,它不仅给了在线地址,还给了个二维码,可以直接扫码打开
然后我感觉,目前CodeBuddy依赖supabase,我们还得去熟悉一下supabase的使用,确实有一定学习成本。
但是supabase这个平台可以方便的解决数据库和用户认证的问题,也还是非常不错的。
注意:一定一定要用Claude-4.0-Sonnet,真的比Gemini-2.5-Pro好用多了,bug贼少。
整个体验下来,如果用Claude4.0,不管是开发新功能,还是重构现有功能,都较稳定。
二、安装使用CodeBuddy
然后给大家说说怎么用上CodeBuddy
目前CodeBuddy IDE还处于内测阶段,需要邀请码才能激活使用。
我舔着脸给大家要到了5个邀请码,作为粉丝福利,给大家抽取(后续可能还会有更多,有的话我会在评论区通知~)
参与抽取的方式很简单:
在评论区留言,聊聊你最想用全栈的CodeBuddy做一个什么样的小程序或网站?
最后会在评论区随机抽取5位朋友赠送邀请码(开奖时间7.10号)
没有抽到的朋友可以通过下面链接加入waitlist(排队):
https://docs.google.com/forms/d/1TMgPGpLdy3G5JmNS0rkicQ3EX1bFcLMY8DeXT_3msPA/edit
拿到邀请码的朋友,在内测期间可以直接解锁Pro版权益,默认赠送500次高级模型(Gemini2.5 Pro/Claude4等)的对话额度,有效期到2025年8月5号。
又可以薅一波羊毛了~
安装方式也很简单,在官网下载IDE
codebuddy.ai
然后跟着指引,下一步,下一步...
直到这个页面,输入邀请码,点击Next,即可进入CodyBuddy
最后
体验下来,CodeBuddy IDE给我的感觉,已经超越了一个AI编程工具的范畴。
它更像一个懂技术、懂产品、懂设计的全能助手。
它真正解决的痛点,是软件开发这个行业里长期存在的巴别塔困境:
也就是产品、设计、研发说着不同的语言,用着不同的工具,导致了巨大的沟通内耗和效率瓶颈。
CodeBuddy用一个统一的平台和强大的AI能力,尝试把这些能力集于一身。
虽然目前可能还并不完美,但是在一个正确的道路上,希望后面越做越好。
如果你是一位渴望独立完成产品闭环的开发者
又或者你就是一位单纯对前沿AI技术充满好奇的小白。
那么,CodeBuddy,还是值得你花上一点时间,去关注,去尝试。
期待看到大家天马行空的想法~
相关攻略 更多
OpenAI底层AGI技术被曝光!前研究主管豪言:从此再无新范式
爆款AI视频越来越多,但本质我觉得跟炒股没区别。
Cursor+Claude的SVG图片生成功能,强到离谱,强烈建议写PPT没思路的时候买个会员
超20万人使用!最强开源浏览器Workflow插件【内置3300+模版】效率又起飞了~
营销获客AI公司Clay,花7年找到PMF后,快速实现10倍增长的秘密
5天连发5个王炸!MiniMax这波发布周把OpenAI都整懵了|MiniMax发布周回顾
AI应用行业全景洞察丨中国丨2025年5月丨万字诚作丨Xsignal
数字疗法AI医疗独角兽SwordHealth再融4000万,估值冲至40亿美元背后的战略棋局
最新资讯 更多
OpenAI底层AGI技术被曝光!前研究主管豪言:从此再无新范式
更新时间:2025-07-25
爆款AI视频越来越多,但本质我觉得跟炒股没区别。
更新时间:2025-07-25
Cursor+Claude的SVG图片生成功能,强到离谱,强烈建议写PPT没思路的时候买个会员
更新时间:2025-07-25
超20万人使用!最强开源浏览器Workflow插件【内置3300+模版】效率又起飞了~
更新时间:2025-07-25
营销获客AI公司Clay,花7年找到PMF后,快速实现10倍增长的秘密
更新时间:2025-07-25
5天连发5个王炸!MiniMax这波发布周把OpenAI都整懵了|MiniMax发布周回顾
更新时间:2025-07-25
AI应用行业全景洞察丨中国丨2025年5月丨万字诚作丨Xsignal
更新时间:2025-07-25
数字疗法AI医疗独角兽SwordHealth再融4000万,估值冲至40亿美元背后的战略棋局
更新时间:2025-07-25
宁德时代领投,「银河通用」完成超10亿元新一轮融资
更新时间:2025-07-25
【译】万字长文解读:生成式AI的21个设计模式、示例及应用策略
更新时间:2025-07-25