大家好,我是小悟。

收到腾讯CodeBuddy IDE的内测邀请码,作为一个常年写代码但总被产品经理和设计师“折磨”的开发者,我决定亲自试试这个据说能“一句话生成产品”的AI IDE。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE

从安装到上手,从需求到上线,整个过程比我想象中顺利得多。当然,也出现了一些bug。以下是详细体验过程,以及一些真实的感受。

让我惊呆的是,它竟然像真人一样,也会遗漏变量声明,也会改了东墙bug,影响西墙功能。

从获取邀请码到下载安装IDE再到测试体验。

1、获取邀请码

点击【Get Invitation Code】,即来到AI IDE 用户邀请测试问卷页面,填写7,8个问题提交即可,等待查收邀请码。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_02

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_03

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_04

2、下载安装IDE

点击【Download the IDE】,即可下载,下载好后一步步点击安装,即来到AI IDE用户邀请测试问卷页面,填写一下7,8个问题提交即可,等待查收邀请码。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_05

安装很简单,就是点点点。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_06

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_07

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_08

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_09

点击Log in,使用谷歌账号登录或者新注册一个账号都可以。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_10

登录成功。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_11

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_12

输入邀请码。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_13

3、测试体验

界面乍一看和VSCode很像。默认是英文界面,不过在设置里能切换成简体中文,这点对中文用户很友好,毕竟看英文IDE写代码的痛苦谁懂啊。。。

界面很简洁,但是作为一个AI编辑器,该有的功能都有了。输入框上面那一排菜单,从Figma选择、选择组件、配置集成、配置MCP、上传图片、预览、部署。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_14

正片开始了哈,让CodeBuddy制作一个基于Web的Markdown图文卡片生成工具

为了不浪费时间,整理好了详细的功能需求,在输入框粘贴,选择Craft,CodeBuddy目前提供了六个大模型,这边使用的Claude-4.0-Sonnet。

选中设计模式和Plan Mode。还有个Boost Prompt,是增强提示词的,这里提示词够详细了,所以就不优化了,然后点击发送。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_15

AI刷刷刷,开始干活了,它说:“将帮您创建一个功能完整的Markdown图文卡片生成工具”,然后就开始分析需求,制定详细的实施计划。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_16

它将这个项目拆解成5个方面,分析、技术、设计、计划和Summary。它一个AI,几乎承担了开发一个项目大部分岗位的工作,包括比如项目经理、产品经理、UI设计师、技术工程师。

① 分析

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_17

② 技术

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_18

③ 设计

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_19

④ 计划

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_20

⑤ Summary

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_21

分析完成后,得出这样的结论:根据您的需求,我已经完成了详细的项目分析。这是一个功能丰富的Markdown图文卡片生成工具,包含智能编辑器、样式定制、图片处理和多格式导出等核心功能。

项目概述:

基于React + TypeScript构建的Web应用

采用Monaco编辑器提供专业的Markdown编辑体验

使用shadcn/ui组件库确保界面美观统一

支持实时预览、多种卡片模板和导出功能

技术架构:

前端:React 18 + TypeScript + Tailwind CSS

编辑器:Monaco Editor(VS Code级别体验)

Markdown解析:markdown-it

导出功能:html2canvas + jsPDF

UI组件:shadcn/ui

设计风格: 采用现代简约的Material Design风格,左右分栏布局,顶部工具栏配合底部可折叠设置面板,支持响应式设计。

现在我将开始实施这个项目。

然后就按照一开始列出来的计划,撸起代码来了,遇到问题自己分析,自己解决,非常冷静,丝毫没有任何负面情绪,哈哈哈。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_22

15分钟过去后,它告诉我,开发完成了。列出了核心功能,可能是怕我已经忘了要做的啥东西,提醒一下。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_23

告诉我怎么使用。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_24

列出项目文件结构。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_25

最后再帮我总结了一遍,并且随时待命,以继续为我服务,解决问题,这样的“牛马”谁不喜欢,帮你干活毫无怨言。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_26

如果你不知道还要做些啥,它竟然还会给你提醒,这这这。。。,好到真的没啥说的。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_27

开发完成,还不忘去更新了下项目计划状态,是不是特别像项目经理,一步步跟进项目进度。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_28

打开看了一下,所见即所得,基本上是完成了。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_29

咱先不说有没有bug,说真的,如果安排人工来做的话,毫无疑问,这么点时间是做不到这种程度的。

那么,现在咱们变成甲方,来验收一下这个项目,功能测试开始。

不用说,肯定是有bug,导出只有截图,这是正常的,不然要测试人员干嘛呢,存在即合理。毕竟,开发流程中,还有一项测试找bug的工序,所以能理解。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_30

有bug那就解决bug,每次修复完成,它会列出比如修复的主要问题、新增功能、技术改进、测试步骤等方面的总结,这也是我们可以学习到的内容。

接下来是我和AI对话修复bug的过程。

“导出功能有bug,导出只有截图,需要导出整张完好的图片,请修复这个bug”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_31

“还是有bug,现在点击导出按钮,直接白屏了,请修复好这个bug”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_32

“怎么回事,导出的图片还是截图呀,不是完整的图片”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_33

“啊啊啊,现在导出的图片没有内容呀”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_34

“这。。。,请你测试一下看看,导出的图片还是没有内容嘞”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_35

“现在导出的图片有内容了,但是又变成只导出截图,需要导出整张图片”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_36

“这张图片是现在导出的样子,请分析问题修改bug”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_37

“导出的图片显示一边,而且导出的内容还是不全,请修改这个bug”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_38

“现在导出的内容是全了,但是为啥图片右侧还有一小部分空着,请修复”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_39

“现在图片底部又有空白区域了,请修复”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_40

“导出的图片底部还是有空白区域”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_41

“不好意思,请你仔细看这张图片,导出的图片底部仍然显示空白区域,请修复”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_42

“现在点击导出开始导出提示这个图片的这个错误”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_43

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_44

“你好,现在又变成截图了,需要导出整张图片内容”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_45

“大哥,导出的图片内容是全的了,但是图片底部又出现空白区域了”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_46

“bug仍然存在,图片底部空白区域”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_47

“图片底部空白区域仍然存在,请继续修复”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_48

“以上问题已经修复了,有新的问题,有些模板设置了,预览生效,但是导出后的图片没有生效,请修复”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_49

“出现了大问题,导出图片是0B,损坏图片”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_50

基础功能的bug修复好了,现在让它优化下功能。

“好的,问题修复了,现在请帮我增加6个模板,可选性多一些,请注意不要影响其他功能”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_51

“导出PDF格式的时候提示这个错误,请修复,注意不要影响其他功能”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_52

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_53

项目开发好了,现在让它帮忙部署一下,得到部署的指令,AI立即开始部署工作。

“完美,请帮我部署一下”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_AI_54

第一次部署遇到问题,访问是空白页面,于是它检查出了问题,重新部署。

“哥,访问这个地址,空白页面奥”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_55

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_腾讯_56

到此,Markdown图文卡片生成工具做好了,是还可以继续优化,但基本功能算开发完成。

人家帮你免费干活,总得说声谢谢吧,它竟然还能理解“666”的含义。

“666,感谢,辛苦啦”

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_IDE_57

让AI同时扮演产品经理、设计师、程序员,效率提升是肉眼可见的。

AI编辑器,不知道应对复杂的项目开发是什么样的情况,但是用它做一些工具还是游刃有余的。

CodeBuddy功能绝不止于此,还有太多其它好用的模块,比如Figma设计稿转代码、配置MCP、BaaS服务等,就不一一体验了,感兴趣的小伙伴可以亲自去操作一下。

25次对话,1个小时,用腾讯CodeBuddy IDE做了一款超实用的工具_CodeBuddy_58

谢谢你看我的文章,既然看到这里了,如果觉得不错,随手点个赞、转发、在看三连吧,感谢感谢。那我们,下次再见。

您的一键三连,是我更新的最大动力,谢谢

山水有相逢,来日皆可期,谢谢阅读,我们再会

我手中的金箍棒,上能通天,下能探海