前言

前两天给大家分享了 Claude Code + GLM-4.5的配合,能力还是很可观的。但很多朋友反馈了一个问题:这个方案是在终端里面使用的,开发体验太割裂了。

对此,我也深有体会。

日常改个需求,我们需要:

  • cd 到项目目录
  • 录入指令,等待输出
  • 在黑框中交互、确认、直到完成
  • 然后,切换回 IDE,运行调试

要是需要再次生成,还需要再次切回终端使用。要是一直这样用,谁能顶得住?

今天,我们就尝试下在 TRAE 中使用 Claude Code,看看效果如何。

Claude Code 的 IDE 支持

官方已经支持集成。

主要提供的功能:

  • 快速启动:使用 Cmd+Esc(Mac)或 Ctrl+Esc(Windows/Linux)直接从编辑器打开 Claude Code,或点击 UI 中的 Claude Code 按钮。
  • 差异查看:代码更改可以直接在 IDE 差异查看器中显示,而不是在终端中。您可以在 /config 中配置此功能。
  • 选择上下文:IDE 中的当前选择/标签页会自动与 Claude Code 共享。
  • 文件引用快捷键:使用 Cmd+Option+K(Mac)或 Alt+Ctrl+K(Linux/Windows)插入文件引用(例如,@File#L1-99)。
  • 诊断共享:IDE 中的诊断错误(lint、语法等)会在您工作时自动与 Claude 共享。

安装

安装好 Claude Code 后,IDE 集成过程就非常简单了。

VS Code、Cursor、Windsurf直接可以在终端中执行 claude 命令,即可自动实现相关插件的安装。

TRAE 我尝试了下,没有自动下载插件,最终我是手动在插件市场进行的安装。

安装后在集成终端中输入 claude即可。

实测记录

下面,我们依然通过实例检验下 TRAE + Claude Code 的效果。

背景及任务

项目依然是我们内部的协同办公平台,前端采用 Vue2 + Element UI,后端采用 SpringBoot + MyBatis 实现。

今天主要是完善一下之前初步实现的待办模块,使其支持后续管理开发任务。

现有效果:

初版生成

指令

<已经设计好的 update sql>
todo_inft已经实现sql更新,但是相关功能尚未优化,请帮我完善相关前后端代码。

这里 update sql 文件是在 claude 对话界面录入自动补全的,也支持模糊匹配。

过程

过程倒是没什么特别的,只是前两天在黑框中显示的内容,今天在 TRAE 的集成终端中显示了。

不断确认,直到最终出现任务总结。

结果

生成完成后,通过 TRAE 的 git diff 查看生成代码。

在过程中,生成的代码已经通过了编译命令的,至少语法上没什么错误。

我们直接运行起来看下。

列表界面:

录入界面:

后续修改

“初版生成”没有语法错误,运行效果也还不错,后续只是进行了两次微调。

第一次是录入时的“处理人”不打算使用弹窗,操作比较麻烦;同时,截止日期格式前后台不匹配。

第二次是页面有些元素是为后续功能设计,待办模块暂时用不到,需要删除。

修改完“编辑”页面并人工确认后,使用 TRAE 再同步到“查看”页面即可。

最终效果

可以看到,编辑和查看页面都已经按照我们的需要调整好了。

列表页面

录入页面

查看页面

结语

这个组合算是比较充分地利用了 Claude CodeTRAE 的各自优势,体验还算不错。

  • Claude Code:进行复杂任务的生成,一般用来进行一个模块或多个模块的初版生成;
  • TRAE:负责提升用户体验和小问题修改,这种情况下,我甚至在想是否可以使用 Auto 模式,或者直接免费版本。

今天实测唯一一点不好的地方是 Claude Code 与 IDE 集成的一些特性还没体验到,下次再安排时间给大家分享哈~

本站提供的所有下载资源均来自互联网,仅提供学习交流使用,版权归原作者所有。如需商业使用,请联系原作者获得授权。 如您发现有涉嫌侵权的内容,请联系我们 邮箱:[email protected]