背景:现在 AI 时代,越来越多开发者习惯用笔记本 + Agent IDE(Trae、Cursor)做开发。但基于 VSCode 内核的 IDE 有一个很影响笔记本体验的细节设置。

在使用 Trae、Cursor 这类基于 VSCode 的 Agent IDE 时,会遇到一个很折磨人的问题:左侧文件资源管理器不支持横向滚动

当项目目录层级深、业务类文件名很长(比如大量 XxxServiceImpl.java),文件名会直接被截断显示为省略号。 想要看清完整文件名,只能不断把左侧侧边栏拉宽。

在传统开发模式下:左侧文件树 + 中间编辑器,尚可勉强应付。 但现在 Agent 聊天面板是常驻右侧的,笔记本屏幕寸土寸金。侧边栏拉宽,就会挤压代码编辑区、AI 对话窗口,三块面板互相抢占有限屏幕空间,开发体验大打折扣。

对比 IDEA:IDEA 的项目树原生支持横向滑动,侧边栏可以收得比较窄,依旧可以看清完整文件名,对小屏幕非常友好。

很多人以为这是 Trae / Cursor 产品本身缺失该能力。实际上 VSCode 内核已经内置了该功能,只是标记为实验性功能,没有放到图形化设置界面,需要手动修改 settings.json 开启。

Trae无滑动时的文件树表现,需要分配很大的屏幕空间,对笔记本开发非常不友好

Trae是基于vsCode的IDE,其实vsCode官方提供了开启文件目录左右滑动的实现,但需要自行设置

  1. 在首选项中选择设置,搜索setting来到editor设置中,选择在settings.json中编辑
  2. 在正确的位置添加"workbench.list.horizontalScrolling": true,

此时文件目录滑动的功能就已经可以使用

Cursor、其他基于 VSCode 二次开发的 Agent IDE,这套配置完全通用。

该配置属于实验特性,不是正式转正能力:

  1. 开启后会出现小概率 UI 小 bug:git 状态图标、展开箭头在横向滚动时可能错位;
  2. 网页版 Trae 不支持该配置,仅桌面客户端生效。

感觉对于笔记本屏幕来说这个功能还是十分实用的,AI时代,越来越多人会喜欢在各种场景下通过Agent IDE进行编程,以前是文件目录+代码编辑页面,偶尔来一点插件还应付的了。现在agent聊天窗口都是常驻右边的屏幕,设置优化一下确实大幅提升了开发体验

Logo

AtomGit AI 社区提供模型库、数据集、Agent、Token等资源

更多推荐