前言
此前我们介绍了 Claude Code 与 GLM-4.5 组合的使用效果,其能力表现令人印象深刻。然而,多位用户反馈了一个共性问题:该方案完全依赖于终端操作,导致开发流程割裂,体验不够流畅。
这一感受,我完全认同。
日常修改一个需求,通常的流程是这样的:
- 通过 cd 进入项目目录
- 输入指令并等待结果输出
- 在终端界面交互确认直至任务完成
- 再切换回 IDE 进行运行和调试
若需再次生成代码,必须重新切换回终端。长时间如此操作,容易降低工作效率。
今天,我们尝试在 TRAE 中直接调用 Claude Code,探索其实际开发体验。
Claude Code 的 IDE 集成支持
Claude Code 官方已经提供了完善的 IDE 集成支持。
主要功能包括:
- 快速启动:在 Mac 上使用 Cmd+Esc,在 Windows/Linux 上使用 Ctrl+Esc,即可直接从编辑器打开 Claude Code;或者点击界面中的 Claude Code 按钮。
- 差异查看:代码变更会直接显示在 IDE 的差异查看器中,无需在终端中拥挤查看,可通过 /config 进行配置。
- 上下文选择:IDE 中的当前选中区域或标签页会自动与 Claude Code 共享,提升交互效率。
- 文件引用快捷键:在 Mac 上使用 Cmd+Option+K,在 Linux/Windows 上使用 Alt+Ctrl+K 可快速插入文件引用(如 @File#L1-99)。
- 诊断共享:IDE 中的诊断错误(如 lint 检查、语法错误等)会在工作过程中自动与 Claude 共享,辅助代码纠错。
安装与集成
完成 Claude Code 的安装后,IDE 集成流程非常简便。
在 VS Code、Cursor、Windsurf 中,只需在终端里执行 claude 命令,即可自动安装相关集成插件。
在 TRAE 上尝试时,未触发自动下载,最终需要手动在插件市场中完成安装。
安装完成后,在集成终端中输入 claude 命令便可启动 Claude Code。
实际测试与效果记录
接下来通过具体实例验证 TRAE 与 Claude Code 组合的实用性。
项目背景与开发任务
项目仍采用内部协同办公平台,前端使用 Vue2 + Element UI,后端基于 SpringBoot + MyBatis。
本次任务旨在完善此前初步搭建的待办模块,使其能够支撑后续的开发任务管理需求。
当前效果展示:
初版代码生成
输入指令如下:
<已经设计好的 update sql>todo_inft已经实现sql更新,但是相关功能尚未优化,请帮我完善相关前后端代码。
此处的 update SQL 文件是在 Claude Code 对话界面中通过自动补全录入的,同时还支持模糊匹配功能。
生成过程:
过程本身并无特别之处,但此前在终端中显示的内容,现在已呈现在 TRAE 的集成终端中。
经过多次确认,直至生成任务总结。
生成结果:
生成完成后,利用 TRAE 的 git diff 功能审查生成的代码变更。
生成过程中,代码已通过编译检查,未出现语法错误。
直接运行后观察实际效果。
列表界面展示:
录入界面展示:
后续优化调整
初版生成代码无语法错误,运行效果基本满足需求,随后仅进行了两次细微调整。
第一次调整涉及录入时“处理人”选择方式(原为弹窗,操作较为繁琐),以及前后台截止日期格式不一致的问题。
第二次调整则是移除页面中为未来功能预留的元素,当前待办模块无需使用。
完成“编辑”页面的修改并通过人工确认后,利用 TRAE 同步至“查看”页面。
最终效果展示
可见,编辑和查看页面均已按需求调整到位。
列表页面
录入页面
查看页面
总结与建议
该组合充分发挥了 Claude Code 和 TRAE 的各自长处,带来了流畅的开发体验。
Claude Code:负责处理复杂任务,常用于模块的初版代码生成。TRAE:专注于优化用户体验和修复小问题,在此场景下可启用 Auto 模式,或直接使用免费版本。
本次实测仅有一个小遗憾:Claude Code 与 IDE 集成的部分高级特性尚未充分体验,计划下次进一步测试。
