VS Code无法在编辑器右上角直接显示文件名，最可行方案是通过Status Bar File Path扩展在状态栏右侧显示文件名，或配置window.title在系统标题栏末尾拼接文件信息。
VS Code 怎么让文件名/标题显示在右上角
VS Code 本身不支持把当前文件名或编辑器标题“放到右上角”这种 UI 布局——它没有右上角标题栏区域，整个顶部是系统级标题栏（显示窗口标题，如 index.ts — MyApp）+ 自带的工具栏（含菜单、标签页、状态栏）。你真正想实现的，通常是以下两种之一：
- 让当前文件名/路径在编辑器右上角「可见」（比如在状态栏右侧加个自定义字段）
- 修改窗口标题（即系统标题栏文字），让它包含更多上下文（如分支名、文件路径片段）
在状态栏右侧显示当前文件名或路径
这是最接近“右上角显示”的可行方案。VS Code 的状态栏默认在窗口底部，但它是唯一可编程扩展的、靠近可视区域右端的 UI 区域。
- 安装扩展
Customize UI或Status Bar File Path（后者更轻量、专一） -
Status Bar File Path会默认在状态栏最右侧添加一个? index.js类似的项，点击还能复制路径 - 如果想只显示文件名不含路径，可在设置里搜
status bar file path show full path，关掉它 - 注意：状态栏宽度有限，太长的路径会被截断；开启
status bar file path show relative path可缓解
修改窗口标题（系统标题栏文字）
VS Code 允许通过 window.title 设置控制顶部系统标题栏内容，但它不区分“左/右”，只是整段文本。所谓“右上角效果”，只能靠拼接格式模拟（比如把关键信息放末尾）。
- 打开设置（
Ctrl+,），搜索window.title - 修改为类似：
${activeEditorShort}${separator}${rootName}${separator}${branchName} - 其中
${branchName}需要装 GitLens 或启用内置 Git 插件才能生效；${separator}默认是-，可改成|让结尾更醒目 - 常见坑：
${activeEditorShort}在无文件打开时为空，可能导致标题只剩分隔符；建议保留${rootName}作兜底 - 该设置不影响编辑器内部行为，但某些终端复用场景（如 WSL 窗口）可能因标题过长被截断
为什么不能真正在编辑器右上角加文字？
VS Code 编辑器主体区域（即代码区）的四个角，没有任何官方 API 支持插入自定义文本控件。所有插件能操作的 UI 区域只有：侧边栏、状态栏、活动栏、编辑器标签页、内联装饰（如高亮、提示）、以及命令面板。
- 有人尝试用
editor.decorations在代码右上角画文字，但那是叠加在代码行上的，随滚动移动，且无法固定在窗口坐标系 - 用
Customize UI+ CSS 注入强行定位 DOM 元素风险极高：VS Code 升级可能破坏结构，导致界面错乱甚至无法启动 - 真正稳定的做法，永远优先走官方暴露的状态栏或标题栏机制，而不是 hack 渲染层
标题栏和状态栏是仅有的两个“位置确定、长期稳定、插件友好”的出口。其它地方加东西，不是失效就是变砖。
