从 TraeWork 到全新 TRAE：双端融合后，我用 SOLO 模式 20 分钟做了个考研倒计时工具

SQL
0 阅读6分钟

最近 TRAE 大版本更新，把原来的 TraeWork 和 TraeCode 合并成了全新 TRAE，官方定位也从 "AI Coding" 升级到了 "AI Development"。

作为一个平时写 DOM 采集插件、搞 RPA 自动化的开发者，我第一时间装了新版，拿一个真实需求跑了一遍全流程：用 SOLO 模式做一个考研倒计时 + 每日任务清单的单页工具。

这篇文章是我从安装到跑通的完整记录，不吹不黑，说说真实体验。

一、双端融合到底改了什么？

打开新版 TRAE，最直观的变化是：原来两个产品（TraeWork 对话式 + TraeCode IDE 式）现在合并到了一个应用里，左上角可以一键切换 SOLO 模式和 IDE 模式。

1.png

SOLO 模式就是原来的 TraeWork—— 你只需要用自然语言描述需求，AI 从头到尾帮你做：建项目、写代码、跑命令、调试、截图验证，全程自动。

2.png

IDE 模式就是原来的 TraeCode—— 完整的 VSCode 内核，文件树、Git、终端、插件全有，右侧挂一个 TRAE 对话面板。

两个模式共用同一个项目、同一份上下文，切换的时候数据自动同步。这解决了以前一个很痛的问题：在 Work 模式里聊了半天，想看具体代码得切回 Code 模式，上下文还得重新导。现在不用了。

二、实测：20 分钟从零做一个考研倒计时工具

我在 SOLO 模式里输入了这段提示词：

用 HTML+CSS+JS 做一个单页的 "考研倒计时 + 每日任务清单" 小工具，要求：

  1. 深色模式，简约风格
  2. 倒计时显示距离考试还有多少天
  3. 可以添加 / 勾选每日任务，localStorage 保存
  4. 响应式布局，手机也能用

然后 TRAE 就开始自己跑了。

它做了什么？

整个过程我基本没插手，TRAE 自己完成了这些步骤：

  1. 先建脚手架：创建项目目录，初始化文件结构
  2. 调用前端设计技能：自动加载了 "Anthropic 前端界面设计" 技能，要求自己 "构建具有独特风格、生产级质量的前端界面，避免千篇一律的 AI 审美"
  3. 写代码：生成单文件 HTML，内联 CSS 和 JS
  4. 自动跑命令验证：用 Node.js 读 HTML 文件检查语法，自动打开 Edge 浏览器 headless 截图
  5. 发现问题自动修：截图发现动画没加载完，自己加了virtual-time-budget=3000重新截图
  6. 最终产物：kaoyan-countdown.html，单文件，无外部依赖

3.png

最终效果

跑出来的页面长这样：

4.png

  • 深色背景，米白色大字倒计时，红色点缀
  • 显示 "距离考研初试还有 57 天"，精确到秒
  • 今日任务清单输入框，可添加、可勾选，localStorage 持久化
  • 顶部可修改考试日期

整个过程从输入提示词到最终截图，大概21 分钟。我唯一做的事就是等它跑完，然后截了几张图。

三、几个让我觉得 "这波融合值了" 的细节

1. @上下文引用很顺手

在输入框打个@，会弹出一个菜单，可以快速引用：

  • 文件、文件夹、文档
  • 历史对话记录（Past Chats）
  • 自定义规则（Rule）
  • 其他 Agent
  • 当前项目的 Problems

5.png

以前用别的 AI IDE，想让 AI 看某个文件，得手动把文件路径贴进去，或者用自然语言描述 "帮我看看 src 目录下的 xxx 文件"。现在直接 @一下就搞定，上下文引用的粒度很细。

2. 侧边对话：不打断主任务的同时还能聊天

跑到一半我有个问题想问，但又不想打断当前正在跑的任务。TRAE 有个侧边对话功能，点开一个浮窗，可以继续交流，不会中断主任务的执行。

6.png

这个设计很实用 ——AI 在后台跑长任务的时候，你可以同时问它别的问题，或者查个资料，两不耽误。

3. 插件 / 技能 / MCP 生态已经成型

新版 TRAE 的右侧面板分了三个标签：

  • 插件（5 个） ：飞书、企业微信、腾讯文档、钉钉、GitHub 等，连接后 TRAE 可以直接操作这些平台
  • 技能（54 个） ：这是我没想到的 —— 已经有 54 个预置技能了，包括前端设计、GSAP 动画、p5.js 算法艺术、头脑风暴、编写计划等
  • MCP（0 个） ：目前是空的，但支持 MCP 协议，可以自己接

7.png

我这次做前端页面的时候，TRAE 自动调用了 "Anthropic 前端界面设计" 技能，所以出来的效果不是那种千篇一律的 AI 模板风，字体和配色都有点设计感。

4. IDE 模式下 Git 集成很完整

切到 IDE 模式，左边是完整的 VSCode 界面，文件树、源代码管理（Git）、终端都有。我这个项目本来就是个浏览器扩展（dom-evidence-picker），Git 提交历史几十条，TRAE 直接就能读。

8.png

四、和 Cursor 比，TRAE 的优势在哪？

我之前也用过 Cursor，说说直观感受：

表格

对比项TRAECursor
价格免费额度够用，Pro $10 / 月$20 / 月
模型选择Claude、GPT-4o、DeepSeek R1、Gemini，不用自己充 API捆绑模型
自主开发模式SOLO 模式全流程自动Agent 模式偏辅助
中文支持原生中文，中文界面、中文文档英文为主
插件生态飞书 / 企微 / 钉钉等国内插件VSCode 插件全兼容

TRAE 最大的优势是便宜 + 国内生态。学生党不想花 $20 订阅 Cursor，又想体验 AI 全流程开发，TRAE 是目前最顺手的免费选择。

五、适合谁用？

  1. 学生党 / 预算有限的开发者：免费额度就能用 Claude 和 DeepSeek，不用自己买 API Key
  2. 国内团队：飞书、企微、腾讯文档这些插件接上，TRAE 直接能操作办公软件
  3. 想快速做小工具的人：SOLO 模式真的就是 "说一句话就出结果"，20 分钟做个网页工具，不用自己写一行代码
  4. 本来就用 VSCode 的人：IDE 模式就是 VSCode 套壳，学习成本为零

六、总结

这次双端融合之后，TRAE 从 "一个 AI 对话工具" 变成了 "一个完整的 AI 开发平台"：

  • 想快速出活 → 用 SOLO 模式，说人话就行
  • 想看代码改细节 → 切 IDE 模式，手动调整
  • 两个模式上下文同步，不用来回倒

对于我这种平时写小工具、搞自动化脚本的人来说，这个组合确实够用了。以前可能要花半小时写 HTML/CSS/JS，现在 20 分钟让 AI 自己跑一遍，我只负责验收。

下一步我打算试试接个 MCP 插件，让 TRAE 直接操作我的浏览器扩展，看看能不能把 以前多智能体投研项目的开发流程也串起来。

avatar
文章
阅读
粉丝