在Visual Studio Code中显示文件选项卡中的路径

Question

我的项目中有一个基于组件的文件夹结构.一堆组件文件夹,index.js每个文件夹有一个文件.是否可以使VSCode在文件选项卡中显示父文件夹名称？或者我只能看到一堆所有显示的标签index.js而没有别的？

Answer 1

新答案:现在您可以将VsCode配置为始终在选项卡中显示父文件夹名称!

这就是文件的样子init/views.js,init/routes.js和plugins/modal.js.

将此行添加到用户设置:

"workbench.editor.labelFormat": "short"

边注 :

显示当前文件的确切文件路径的另一个有用工具是使用breadCrumbs.将其添加到您的用户设置中init/views.js

仅供参考:打开vscode的用户设置json文件:选择"首选项:打开用户设置"(通过在命令面板中键入或使用文件菜单),然后单击右上角的大括号按钮以访问设置为json文件而不是GUI.

Answer 2

转到主菜单文件？偏好？设置。和搜索（Cmd+ FMac上; Ctrl+ FWindows和Linux）工作台标签格式。

选择短选项。

Answer 3

我知道现在回答已经太晚了，但如果有人正在寻找要file path在 上显示的内容title bar，您可以按照以下步骤操作：

1. 打开设置（command+, )
2. 搜索title
3. 你会看到类似的东西activeEditorShort，将其替换为activeEditorLong
4. 节省

来源： https ://medium.com/riow/vscode-show-full-path-in-title-bar-b0cb731b330

Answer 4

Visual Studio Code 现在改进了他们的选项卡 UI 来解决这个问题。

当您打开多个具有相同文件名的选项卡时，Visual Studio Code 将自动在每个选项卡中显示父文件夹名。

这是一个例子：我打开了event.js两个index.js文件。Visual Studio Code 会自动决定显示index.js文件的文件夹名是个好主意:)

它几乎解决了我的大部分问题。