visual-studio-code - 在 Visual Studio Code 中的文件选项卡中显示路径

Question

我的项目中有一个基于组件的文件夹结构。它是一堆组件文件夹，每个文件夹都有一个 index.js 文件。

是否可以使 Visual Studio Code 在文件选项卡中显示父文件夹名称？或者我是否只能看到一堆全部显示 index.js 而没有其他内容的选项卡？

Answer 1

您可以将 Visual Studio Code 配置为始终在选项卡中显示父文件夹名称!在您的用户设置中，只需添加以下行:"workbench.editor.labelFormat": "short"(其他值为“long”、“medium”或“default” )

结果:文件 init/views.js、init/routes.js 和 plugins/modal.js 将这样显示:

<小时/>

另一个选项是用户设置"breadcrumbs.enabled": true，它在“事件”选项卡下方的“代码” View 中显示一行带有完整文件路径的面包屑。

<小时/>

PS:要打开用户设置，请使用文件菜单→首选项→设置→用户设置。要以 JSON 格式查看设置，只需点击右上角的 {} 图标即可。