腾讯首个全栈AI编辑器CodeBuddy

前言

前一段时间拿到了CodeBuddy后补的邀请码,一直没来得及体验,刚好今天有时间来看看CodyBuddy相较于其他AI编辑器有何不同,是否可以加入到自己的开发编辑器名单。对其他AI编辑器感兴趣的小伙伴也可以看往期:

限制

  • 邀请码机制,需要先获取邀请码

优势

  • 目前免费使用
  • 可以免费使用最新的Claude 4 Sonnet、GPT-5以及Gemini-2.5系列模型
  • 可以到官网申请邀请码或者到CodeBuddy官方公众号抽奖获取

CodeBuddy简介

国际版地址:www.codebuddy.ai/

CodeBuddy插件官方地址:copilot.tencent.com/?fromSource...

在线体验地址:copilot.tencent.com/chat/

安装及配置

我使用的是macOS,这里以macOS为例展示安装步骤。下载完CodeBuddy IDE安装包后,双击进行安装,安装完成后打开CodeBuddy界面如下,点击【Get Started】开始配置

选择自己喜欢的主题和语言类型,国内最好选择中文

从其他编辑器导入配置,不想导入可以选择【Skip】

安装命令行工具,在命令行终端通过 buddy 项目路径 即可在CodeBuddy中打开项目

登录CodeBuddy,点击【Log in】会跳转网页授权登录

方便起见,我这里选中使用Google账号登录

登录完成后,需要输入邀请码,点击【Next】,还没有邀请码的小伙伴也可以点击【Get invitation code】获取邀请码

安装完成后,启动CodeBuddy界面如下,编辑器配色看着还是挺舒服的,整体布局和其他AI编辑器基本类似,应该也是基于VS Code魔改版。

基本功能使用

和其他AI编程工具一样,CodeBuddy的起手式也是需要一个目录作为工作区,我们需要先创建一个目录并打开,CodeBuddy IDE会展示一些快捷键提示,喜欢快捷键操作的小伙伴可以留意一下

模型选择

CodeBuddy提供了目前最新且主流的 Claude-4.0 Sonnet、Claude-3.7 Sonnet、GPT-5、GPT-5-nano 以及 Gemini-2.5-Flash 和 Gemini-2.5-Pro 模型

代码补全

CodeBuddy提供了代码补全功能,目前看代码补全是以行为单位,每次只会补全一行代码,CodeBuddy的代码补全有个不错的地方就是每次都会加上代码注释

提示词优化

CodeBuddy提示词优化功能,输入提示词点击【Boost Prompt】

提示词就会被优化为更专业的描述

对话模式

CodeBuddy提供了 Craft、Chat、设计模式 和 Plan-Mode 4种模式,其中 Craft 模式可以和 设计模式、Plan-Mode 等组合使用

  • Craft:构思,策划,类似Cursor的Agent模式,具备创建、编辑文件的能力
  • Chat:简单对话,不具备创建、编辑文件的能力
  • 设计模式:提供简单设计方案规划、页面规划并执行任务
  • Plan-Mode:提供详细需求分析、技术栈、UI设计、开发计划并执行任务,功能有点类似Kiro的Spec模式

Chat模式

使用Chat模式CodeBuddy并不会创建文件

Craft模式

切换到Craft模式,CodeBuddy创建了 index.py 文件并输出了代码

设计模式

选中【Craft】、【设计模式】,输入提示词

复制代码
帮我实现一个现代化感的番茄时钟

可以看到CodeBuddy在Craft、设计模式下理解需求进行风格设计和页面规划后就可以执行任务了,这次CodeBuddy使用了React框架进行的开发

等了大概5分钟,CodeBuddy告诉我启动成功了,一看控制台则是报错了

修复完成后,在浏览器打开效果如下,简单试了下,计时功能是正常的,但是设置功能应该没有实现或者有bug,设置不生效。

Plan-Mode

选中【Craft】、【Plan-Mode】,输入提示词

复制代码
帮我实现一个现代化感的番茄时钟

可以看到CodeBuddy进行了 产品分析、技术栈设计、UI设计、任务计划 等步骤之后才进行了任务的执行,这次CodeBuddy采用了传统的 HTML+CSS+JS 的实现方式

输出的需求文档内容略微简单,没有设计的那么详细,提供了开发任务列表记录任务执行状态,不支持手动执行任务(Kiro支持手动执行任务)

任务过程中,一直卡在一个音频文件的base64上

最后还是我要求去掉音频文功能才过去,不知道是不是使用的人太多,该模式整体感觉比较慢容易出错,等了大概十几分钟,在浏览器打开效果如下:

简单试了下,整体功能基本上都不能用🤣。

最后尝试了下将【Craft】、【Plan-Mode】、【设计模式】全开看下效果,不过这次生成的效果就是准确的,基本都能用,看来稳定性还是个问题

这里有个需要注意的点,就是使用Plan-Mode模式CodeBuddy会在.codebuddy目录下创建一个任务分析的配置,新建会话依然会记录该计划配置的内容

特色功能

在对话框上方,提供了很多工具,依此是 从Figma选择、选择组件、配置集成、配置MCP、上传图片、预览 和 部署

从 Figma 选择

CodeBuddy内置了Figma,无需再安装Figma MCP了,点击【从Figma选择】会在CodeBuddy中打开Figma官网,登录后可以快速查看自己的设计稿

选择设计稿后,设计稿就会作为AI对话上下文内容,输入提示词即可完成对应开发任务

我选的UI设计稿相对简单,不过CodeBuddy还是出了点问题,第4、第5张图位置有点错乱

修复完成后,还原度还是蛮高的

选择组件

CodeBuddy 内置了 TDesign、MUI、Shadcn 这三种组件,可以使用不同的组件进行风格开发,使前端代码不在仅限于HTML、CSS的平铺实现。

  • TDesign:腾讯开源的企业级设计体系,Vue / React / 小程序全栈组件库
  • MUI:Google Material Design 基于 React 实现的UI组件库
  • Shadcn :可复制源码的极简组件集合

同样使用上面的Figma文件,选择【Shadcn Components】看下区别

好像并没有什么区别,实现方式依然是HTML的平铺,没有用到我勾选的shadcn组件,那这个勾选组件的作用是什么?

配置集成

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

  • Supabase:后端即服务,登录授权后,CodeBuddy 以自动完成数据库操作
  • Tecent CloudBase:腾讯云开发环境,登录授权后使用

配置MCP

点击工具栏上方【配置MCP】可进入到MCP配置页面,点击【手动配置】添加MCP服务

以Context7为例,配置如下,CodeBuddy中MCP配置默认为全局配置会针对所有项目起作用

配置完成后,等待MCP服务状态变为绿色即为配置成功

MCP的使用和其他Agent一致

上传图片

上传图片功能就是普通的选取图片上传到上下文的功能,和从剪切板复制没有区别

预览

CodeBuddy服务启动后,点击工具栏【预览】按钮会在聊天窗口发送一条预览指令,接着CodeBuddy就会在编辑器内打开预览链接查看效果

部署

CodeBuddy内部集成了 Tencent Cloud Studio 和 EdgeOne Pages 可以一键将当前项目部署到云环境并生成一个公域可访问的链接。对EdgeOne Page感兴趣的小伙伴也可以看往期内容:【Cursor实战】Cursor+EdgeOne Pages MCP实现一句话建站?

  • Tencent Cloud Studio:腾讯云提供的云端IDE,每个月10000分钟
  • EdgeOne Pages:基于 Tencent EdgeOne 基础设施打造的前端开发和部署平台,没太看懂收费模式,说是免费

使用CodeBuddy做了一个宝可梦站点,输入提示词

复制代码
做个pokedex网站

点击【部署】选择【EdgeOne Pages】,点击【Connect】登录账号

CodeBuddy会打开腾讯云授权登录

授权成功后,会展示【连接成功】状态

直接点击EdgeOne Pages的【Deploy】部署

接着CodeyBuddy就会执行构建命令

构建完成,EdgeOne会提示我们创建或选取部署项目

创建完成后等待部署

项目部署完成后,我们将得到一个访问链接

访问链接:pokedex-7ajbc96765.edgeone.run, 在浏览器打开访问链接效果如下:

规则配置

CodeBuddy支持配置全局规则和项目规则,类似Cursor的 User Rules 和 Project Rules,点击【设置】进入CodeBuddy设置,选择【规则】点击【添加新规则】新建一个项目规则

CodeBuddy会在 .codebuddy/.rules 目录新建一个规则文件,可以设置规则类型,类型有 Always、Agent Requested、Manual 3种

保存后,点击【刷新】项目规则列表就会多一条规则

上下文

CodeBuddy的上下文内容,除了支持传统的 文件、目录、图片 外,还支持添加 问题、终端、Git提交 和 规则

支持文件的 选取 和 拖拽 添加,可以手动选择【添加文件】也可以直接将文件、目录拖拽到对话框

使用【终端】命令可以读取终端内容

使用【问题】命令可以review查看代码中的问题

【Git提交】可以查看提交的内容

【添加规则】可以手动添加项目规则到上下文

总结

整体体验下来,感觉CodeBuddy还是不错的,集成了很多实用的工具,CodeBuddy的Craft模式结合 设计模式、Plan模式 配合 Figema、UI组件库、MCP、Supabase 等工具是有很大可能实现 需求、设计、计划、开发、数据库、部署一条龙服务落地的。当然目前CodeBuddy尚处在内测阶段,还是存在一些待改进地方,比如 代码补全 和 服务稳定性 ,CodeBuddy的代码补全目前是单行补全,任务服务经常出现卡死不动的情况,也不知道是不是使用人过多导致的。总之CodeBuddy目前免费,可以使用顶级模型,没有体验过的小伙伴还是可以入手体验的。

友情提示

见原文:腾讯首个全栈AI编辑器CodeBuddy

本文同步自微信公众号 "程序员小溪" ,这里只是同步,想看及时消息请移步我的公众号,不定时更新我的学习经验。

相关推荐
摘星编程1 天前
CodeBuddy 辅助重构:去掉 800 行 if-else 的状态机改造
设计模式·代码重构·技术债务·codebuddy·状态机模式
chenchihwen1 个月前
腾讯codebuddy.ai 安装实测【从零开始开发在线五子棋游戏:完整开发记录】
人工智能·codebuddy
阑梦清川1 个月前
最新的GPT5效果如何,我试了一下(附加GPT5大模型免费使用方法)
ai编程·codebuddy·gpt5
思绪漂移1 个月前
更改CodeBuddy的默认terminal为Git Bash
git·bash·terminal·codebuddy
小徐_23331 个月前
AI开发小程序无从下手?CodeBuddy:我来助你!
ai编程·codebuddy
池央1 个月前
CodeBuddy IDE实战:用AI全栈能力快速搭建课程表网页
人工智能·腾讯·codebuddy·aiide·codebuddyide
caoxiaoye3 个月前
一句话开发Chrome摸鱼插件
chrome·ai编程·腾讯云ai代码助手·codebuddy
不老刘3 个月前
左手腾讯CodeBuddy 、华为通义灵码,右手微软Copilot,旁边还有个Cursor,程序员幸福指数越来越高了
copilot·cursor·codebuddy
黛琳ghz3 个月前
CodeBuddy(腾讯云代码助手)最新功能——智能体 Craft 体验
人工智能·vscode·ai·腾讯云·codebuddy·腾讯云代码助手·craft