别再辛苦的续杯了,免费的 Trae 不香吗

3,499 阅读5分钟

我正在参加Trae「超级体验官」创意实践征文, 本文所使用的 Trae 免费下载链接: www.trae.ai/?utm_source…


作为 AI IDE 的深度用户,Cursor 已经融入了日常编码中。

用是真的好用,但一个月 20刀真的也是真的心痛。

说白了,支撑 Cursor 1 个月 20 刀的核心竞争力就是它的 Compose 功能和使用 Claude-3.5/GPT-4o 模型。

最近正好在调研类 Cursor 的 AI IDE,Trae 就这么水灵灵的出现了。

它带着 Builder 走来了。

在 Cursor 收费 20 刀一个月的时候,Trae 的 Builder 功能直接给你免费使用!

免费使用 Builder!

免费使用 Builder!

免费使用 Builder!

同时

不限量使用 Claude-3.5/GPT-4o !!!

不限量使用 Claude-3.5/GPT-4o !!!

不限量使用 Claude-3.5/GPT-4o !!!

就这两点,字节配享太庙。

下面简单介绍一下 Trae

Trae 是字节在 1 月 20 日推出的一款 AI IDE,尽管它还非常年轻,但功能却没有减配。

作为一款与AI 深度集成的 IDE,智能问答代码自动补全 只是基础操作,基于 Agent 的 AI 自动编程能力 才是它能突出的原因。

Trae 也是一款基于 VS Code的 IDE,它支持导入 VS Code或 Cursor 的配置,从而更快的上手。

6C676A65-DADC-466F-8BF4-B8D15123EFEE.png

它也支持从Trae 或 VS Code 的插件市场安装插件。

你可以直接在 Trae 的插件市场下载插件,如果 Trae 的插件市场未提供你所需的插件,你也可以将 VS Code 插件市场中的插件安装至 Trae。

D146F572-705D-4679-8069-745CE507D73A.png

同时它的界面比 VS Code 要更加美观且直观(个人审美)

8486301B-1281-40F2-B52D-BC9E3E0D7D6C.png

Trae 的绝活:Builder

很多 IDE 通过插件都可以有 Chat模式代码自动补全 这些功能。

AI IDE 的独门绝活就是 基于 Agent 的 AI 自动编程

在 Cursor 那里叫 Compose ,在 Trae 这里叫 Builder

Builder 模式可以帮助你从 0 到 1 开发一个完整的项目

根据你的需求,可以 自动创建文件、修改代码、运行命令等。

启用 Builder 功能也很容易:

  1. 使用 command + U 快捷键打开侧边对话框。
  2. 在侧边对话框的左上角,点击 Builder

AA6F383A-0656-47B8-B293-398BE8912FF2.png

目前有两款模型可以选择。 一般我更喜欢 claude-3.5。

46142809-9859-4333-A747-DE7BC92DA47D.png

Talk is cheap, show me the code!

为了体验一把它到底好不好用,直接上实战。

为了测试一下这个 Builder 功能到底行不行,我让它来编写一个浏览器插件,解析一篇微信公众号的文章,最后保存成 markdown 格式给我

这是 prompt:


在当前路径下创建一个新的目录
实现一个 Chrome 插件,要求的功能如下:
1、分析这个网站链接的内容 https://mp.weixin.qq.com/s/yLqUCTKX4tajf4HF7-AbqQ
2. 识别这篇文章的标题、作者、时间、发布地址、正文。使用 markdown 格式保存下来。
3. 注意小标题要正确的处理,并且注意换行
4. 注意正文中的图片也要保存下来
5. 输出的 md文件中的命名也要和保存的图片保持一次
6. 创建一个目录用来保存 md 文件和图片。目录采用 wx_{时间戳}_{文章标题} 命名,md 文件使用 文章标题.md 命令,图片统一放到 images 目录下
7. md中的图片地址使用相对地址保存。例如:./images/xxx.png
8. 注意 md中使用的图片格式要和保存的图片格式一致
9. 注意换行的问题
# 注意
- 无需使用图标
- 使用V3版本的manifest.json
- 注意中文的格式编码问题

识别这篇文章的标题、作者、时间、发布地址、正文。使用 markdown 格式保存下来。注意正文中的图片也要保存下来
注意换行的问题

它可以自动从 0 开始创建一个项目,并且生成所需的代码文件

29E644D8-4FF5-45EC-9B9F-ACEC5BEDE2CB.png 最终一共生成了 3 个文件。

F5F33A13-B428-4FB7-ACB9-C4A02AFC83CA.png

将其直接在 chrome 里加载进来。可以正常加载且没有报错

0A18291C-0F97-4C55-A763-A84FD9BBDE8B.png

但在使用的时候遇到了一个异常

26D04AF7-0A7D-4F29-954C-6DEFA1E07941.png

由于Builder具备多模态的能力,可以将这个异常的截图直接扔给它来修复

75D1A9C0-A3F9-473B-933D-6CE860BBF2E6.png

它理解了图片的内容,并给出了修改意见。 点击审查可以看到修改了哪些地方。你可以检查后选择是否接受。

67A1A319-A87D-4712-8233-38485E99203C.png

PS: 重新加载完插件记得要重新刷新一下网页,否则会出现这种异常

48504F2C-E532-4820-96BB-2B9DFCF0D1FB.png

将修改完的插件重新加载了一遍,这次插件可以正常运行了。
同时下载文章内容均下载下来了。并且是以文件夹形式保存。

36AF0F18-87C9-4645-B994-0F55DE99F712.png

使用 typora 打开,发现文字的提取基本没有问题了,但图片还是存在问题。

同样也是截图让它来进行优化

36AF0F18-87C9-4645-B994-0F55DE99F712.png

经过了两轮的修改后,图片的问题也成功解决了,最终的文件在 markdown中的效果是这样的。效果还是挺不错的。

588575B4-8B07-429B-97AC-06C515EAB3D5.png

目录结构是这样的

A9E99D04-FDAD-421E-9EF6-06C82C02F8E1.png 而这一切都是没有手写一行代码的情况,同时我也完全没有开发过浏览器插件 下完成的。

自己只做了一个新建项目目录,提供需求和反馈异常的操作。

最终实现的效果和 Cursor 差不多。

说一说不足

当然了,作为一款 1 个多月的 IDE 来讲,不可能全面超越。因此必定还有不足的地方。那说完了优点就再说说缺点。

  1. 响应速度似乎比 Cursor 慢一些
  2. 模型目前只有两款可以选择,并且在一个对话中选择了一款模型后似乎不能更换了。

234088EE-0876-4E3E-A697-9871E7E4A519.png

最后

AI在不断的发展,AI 在编码能力上也在不断的突破。

AI 编码可以快速的完成一些 demo、算法的开发,

但从工程的整体上来讲,效果还是有限。

并且在一些细致的地方,也依然需要人类介入。

所以码农们与其整日惶惶恐恐,精进深度和经验才是避免被淘汰的正解