TRAE重磅升级：AI Agent写完代码无需再切IDE

当AI Agent完成了代码初稿的编写，开发者往往还是需要回到集成开发环境中做精细化调整——这是当前AI辅助开发中常见的衔接痛点。此前在不同工具间切换，不仅要重新打开工程文件，还要梳理AI生成的修改内容，往往会浪费不少时间。近期推出的TRAE完成了重磅更新，将原有的TraeWork和TraeCode双端合并为统一的新版平台，新增的Agent模式不仅支持在单个窗口管理多个项目、调度多个人工智能助手，还能一键切换回IDE环境，直接在同一工程中进行精细化修改，彻底打通了AI开发和人工调试的衔接环节。

从科普视频生成器看核心体验

我们基于新版TRAE开发了一款科普短视频生成工具，这个项目的灵感来自一条转发量接近一万的技术科普视频。起初我们希望能够用类似的形式，把专业技术概念讲给没有相关背景的听众，但手动完成文案撰写、口播录制和画面剪辑往往需要半天以上的时间，效率较低。

新版TRAE的开发流程非常顺畅：将需求交给平台后，AI Agent会自动拆解任务并编写代码，遇到报错时也能自主定位并修复。开发对话和页面预览被整合在同一个界面中，左侧可以实时查看AI的开发进度，右侧则能即时预览页面效果，确认刚才的代码修改是否符合预期。

工具上线后的操作逻辑十分直观：只需要输入想要讲解的内容，就能生成一条带有画面、字幕和配音的短视频。如果对画面节奏或文案内容不满意，还可以直接在对话窗口中提出调整需求。我们先后测试了「复利」这类偏专业的概念科普，以及用毕业选工作的场景讲解「机会成本」的日常科普，效果都十分理想。

以机会成本的科普为例，AI Agent选择了「月薪一万的大厂，还是月薪八千的小厂」作为故事主线，先摆出选择困境，再解释放弃的选项所隐含的机会成本价值，最终生成了一条约24秒的配音短片。后续我们还将一篇阅读量超十万、转发量近两万的「世界模型」科普综述输入工具，让AI自主选择讲解角度，最终生成了一条约30秒的短片，从AI如何理解物理概念切入，结合原文中的公式和流程图进行讲解，搭配了对应的字幕效果。

在项目开发到一定阶段后，我们追加了账号登录的功能需求。没有重新开启新的工程，我们直接在现有对话框中向AI提出修改要求，平台读取现有代码后自动拆解改造方案并完成修改。重新打开产品后，登录、退出功能都能正常生效。如果想要查看AI具体修改了哪些代码，可以直接切换回IDE环境：项目文件树会完整展示在右侧面板中，底部的代码差异面板会标注所有被修改的文件和逐行的代码变动，既可以逐一核对修改内容，也可以直接在IDE中进行二次编辑，不合适的修改可以直接回滚，确认无误后再切回Agent模式继续推进后续任务。

原有的SOLO模式和原生IDE使用方式，适合让AI围绕单个项目完成端到端开发，方便开发者直接编辑文件和进行深度调试。新增的Agent模式则将所有项目整合到同一个窗口中，和这两种开发方式实现了无缝衔接。

多场景的开发测试案例

我们还使用新版TRAE完成了多个不同类型的开发项目，进一步验证了平台的能力边界。

第一个测试项目是浏览器端的实时3D水母场景。我们提出的约束条件十分明确：需要生成十只水母，不加载任何外部模型或贴图，所有视觉效果都通过代码实时演算生成。最终效果超出预期，水母的半透明发光质感和自然漂浮的动态效果都通过纯代码实现，无需依赖外部资源，对于不熟悉动画开发的开发者来说，看到这样的画面直接在浏览器中运行，确实带来了不少惊喜。

第二个项目是复刻一款网页版汉堡经营小游戏。玩家需要在快餐店中接单、备餐并完成上菜，拥有完整的经营循环逻辑。这款游戏采用全中文界面，画风清爽简洁，已经可以实现初步的游玩体验。值得一提的是，整个项目没有使用任何外部图片资源，店面、食材和操作时的交互反馈，全部通过代码直接绘制生成。

第三个项目是复刻社交平台上爆火的足球场选座预览工具。在购买球票时，仅通过分区图和座位编号很难直观了解现场观赛视角，我们希望通过TRAE搭建一个可在浏览器中打开的3D球场选座预览工具。最终生成的页面中，绿色草坪被三层彩色看台环绕，搭配了顶棚灯光和大屏比分牌，左上角展示了比赛信息，深色背景上叠加米白色卡片，用黄色高亮当前选中的区域。选中对应区域的座位后，镜头会从球场上空移动到靠近草坪的位置，右侧卡片会显示具体的排数、座位号、对应票价和视角预览，小地图也会标注所在分区，让座位对应的观赛角度变得一目了然，底部还保留了全景和座位视角的切换按钮。

统一工作台的高效管理能力

在完成上述多个项目的过程中，我们充分体验了新版Agent工作台的管理优势。这个工作台可以将所有项目和任务整合到同一个窗口中，开发者可以集中查看各个项目的进度，同时支持为多个AI Agent分配不同的任务，实现并行推进开发。

以科普视频生成器项目为例，左侧的对话窗口可以同时处理查询本地启动地址、追加账号登录任务等多个需求，右侧的产品页面依然可以正常操作和预览。即使只开发单个项目，也可以开启多个会话，将开发任务和效果预览分开管理，避免在多个编辑器和终端窗口间来回切换。

随着AI Agent多轮开发的推进，会生成越来越多的产物文件，包括架构说明、接口文档、测试截图、不同版本的代码片段等，如果这些内容都散落在聊天记录中，后续查找起来会非常耗时。新版TRAE的「我的产物」功能可以自动归集所有生成内容，包括代码变更、HTML报告、PPT、Word文档、图片和视频等，开发者可以集中查看所有产物，需要时直接下载或进行二次编辑。比如在科普视频生成器项目后续需要补充使用说明和整理测试报告时，可以直接让AI生成相关文档并保存到对应项目中，下次继续修改时，直接从产物看板中找回文件即可，无需翻找聊天记录。

工作台中还内置了模板库，可以在项目启动前快速搭建基础框架。无论是产品方案设计、页面原型搭建还是技术文档编写，每次都需要重复交代的背景、目录和格式要求，都可以通过模板库预先整理好，选择合适的模板后只需要补充具体需求即可开始开发，数据分析类任务也有对应的模板可供使用。以视频工具项目为例，我们可以先通过产品方案模板梳理第一版的开发目标、输入输出要求，再正式进入开发环节。

对于已经上线的功能，需要定期进行回归测试，比如科普视频生成器的登录、退出功能需要反复验证。这类重复性任务可以交给自动化任务模块：只需要设置好执行时间和检查任务，AI就会按照计划自动运行，完成后保留执行结果。类似的定时巡检服务、汇总开发进度等任务，都可以通过这种方式自动化完成。

跨端协作的便捷体验

新版TRAE还推出了「我的助理」入口，将其绑定到即时通讯工具后，可以直接在群聊中向AI交代开发任务，完成的结果也会直接发送回聊天窗口。当开发者不在电脑前时，临时想到的新功能需求可以直接通过移动端安排下去，无需等待回到工位后再处理。

本次更新同步升级了桌面端、网页端和移动端，移动端也取消了原来的Work/Code区分，可以直接向AI下发开发任务。在电脑上正在运行的开发任务，移动端可以随时查看进度和执行日志，遇到关键步骤需要审批时可以直接确认，生成的产物也可以直接在手机上打开预览。对于需要长时间运行的构建任务，开发者离开工位后也可以通过手机跟进进度，无需一直守在电脑前等待结果。

IDE的不可替代性

完成这几个项目的开发后，我们更加深刻地认识到，保留完整的IDE环境十分必要。随着AI Agent同时推进的任务越来越多，开发者需要接手的结果也会越来越复杂：在进行页面原型设计时，可以直接查看预览效果，但当遇到复杂项目时，需要排查核心业务中的边缘逻辑，确认修改会影响哪些部分时，就必须深入到文件中逐一检查。仅仅通过聊天框的汇报，无法完全解答这些细节问题。

软件最终是要交付给用户使用的，代码也需要有人进行维护。AI Agent承担的开发工作越多，开发者就越需要方便地检查其生成的结果，修正其中存在问题的实现细节，这样才能在使用AI辅助开发时更有底气，也敢于将更复杂的任务交给AI去完成。

一起“点赞”三连↓