我的项目中有一个基于组件的文件夹结构。它是一堆组件文件夹，每个文件夹都有一个 index.js 文件。
是否可以让 Visual Studio Code 在文件选项卡中显示父文件夹名称？还是我只能看到一堆标签，它们都显示 index.js 而没有其他内容？
【问题讨论】：
“window.title”: “${activeEditorLong}${separator}${rootName}”
${activeEditorMedium}${separator}${rootName} 在 imo 上工作得更好，我没有理由看到文件的整个路径而不是来自 src 根目录的路径
您可以将 Visual Studio Code 配置为始终在选项卡中显示父文件夹名称！在您的用户设置中，只需添加这一行："workbench.editor.labelFormat": "short"（其他值为“long”、“medium”或“default”）
结果：init/views.js、init/routes.js 和 plugins/modal.js 文件将显示为：
另一个选项是用户设置"breadcrumbs.enabled": true，它将为您提供一整行显示完整文件路径的面包屑：
PS：要打开用户设置，请使用文件菜单 → 首选项 → 设置 → 用户设置。要查看 JSON 格式的设置，只需单击右上角的 {} 图标。
【讨论】：
进入主菜单文件 → 首选项 → 设置。并搜索 (Cmd + F 在 Mac 上；Ctrl + F 在 Windows 和 Linux 上) workbench标签格式。
选择 短 选项。
【讨论】：
"workbench label format"
Visual Studio Code 现在已改进其选项卡 UI 以解决此问题。
当您打开多个具有相同文件名的选项卡时，Visual Studio Code 将自动在每个选项卡中显示父文件夹名称。
这是一个示例：我打开了 event.js 和两个 index.js 文件。 Visual Studio Code 自动决定显示 index.js 文件的文件夹名称是个好主意 :)
它几乎解决了我的大部分问题。
【讨论】：
我知道现在回答为时已晚，但如果有人正在寻找 file path 以显示在 title bar 上，您可以按照以下步骤操作：
command + ,)title
activeEditorShort 的内容，将其替换为activeEditorLong
来源： https://medium.com/riow/vscode-show-full-path-in-title-bar-b0cb731b330
【讨论】：
您可以安装nice-index 扩展以获得更好的处理索引文件的体验。
但是，到目前为止，它仅在您打开多个索引文件时才有效。正如其他答案所暗示的，这可以通过将 labelFormat 更改为“short”来解决。
【讨论】：
在 VSCode 1.53 中你可以使用这些设置：
根据活动编辑器控制窗口标题。根据上下文替换变量：
${activeEditorShort}: the file name (e.g. myFile.txt).
${activeEditorMedium}: the path of the file relative to the workspace folder (e.g. myFolder/myFileFolder/myFile.txt).
${activeEditorLong}: the full path of the file (e.g. /Users/Development/myFolder/myFileFolder/myFile.txt).
${activeFolderShort}: the name of the folder the file is contained in (e.g. myFileFolder).
${activeFolderMedium}: the path of the folder the file is contained in, relative to the workspace folder (e.g. myFolder/myFileFolder).
${activeFolderLong}: the full path of the folder the file is contained in (e.g. /Users/Development/myFolder/myFileFolder).
${folderName}: name of the workspace folder the file is contained in (e.g. myFolder).
${folderPath}: file path of the workspace folder the file is contained in (e.g. /Users/Development/myFolder).
${rootName}: name of the opened workspace or folder (e.g. myFolder or myWorkspace).
${rootPath}: file path of the opened workspace or folder (e.g. /Users/Development/myWorkspace).
${appName}: e.g. VS Code.
${remoteName}: e.g. SSH
${dirty}: a dirty indicator if the active editor is dirty.
${separator}: a conditional separator (" - ") that only shows when surrounded by variables with values or static text.
【讨论】：
我创建了一个简单的 Visual Studio Code 插件，它接受正则表达式和颜色列表，并根据它们更改 titleBar/tabColor。它非常适合处理单存储库或具有多个包（如 Lerna 或 React + React Native）的大型项目。
【讨论】：