如何在VS Code顶部标签栏显示更多文件？

以下是几种可行的配置方案，帮你提升标签栏的文件容纳量：

一、缩小标签栏字体（不改变代码字体） #

通过VS Code的设置或自定义样式，单独调整标签栏的字体大小以节省空间：

• 基础收缩设置：打开settings.json添加以下配置，让标签自动收缩并关闭冗余按钮：

  "workbench.editor.tabSizing": "shrink",
  "workbench.editor.tabCloseButton": "off"
  

• 自定义字体大小：若基础收缩效果不足，可安装Custom CSS and JS Loader扩展，添加自定义CSS样式调整字体：

  .tabs-container .tab .label-name {
      font-size: 12px !important;
      font-weight: normal !important;
  }
  

二、启用多行标签栏 #

VS Code原生不支持多行标签，但可通过第三方扩展实现：

• 安装Multiple Line Tabs扩展，启用后标签栏会自动换行，容纳更多文件；
• 扩展支持自定义每行标签数量、标签高度等参数，可在扩展设置中按需调整。

三、缩短文件名显示 #

调整标签的文件名显示规则，减少空间占用：

• 在settings.json中修改标签格式，仅显示文件名隐藏路径：

  "workbench.editor.labelFormat": "short"
  

• 若文件名仍过长，可开启标签文本截断：

  "workbench.editor.tabSizing": "truncate"
  

四、其他实用优化技巧 #

• 优化快捷键切换：你当前使用的Opt+Cmd+右箭头可快速浏览已打开文件，也可在「键盘快捷方式」中搜索workbench.action.nextEditor自定义更顺手的快捷键；
• 启用「打开的编辑器」面板：点击侧边栏的「打开的编辑器」图标（或按Cmd+Shift+E切换到对应面板），可直观查看所有已打开文件，点击即可切换；
• 开启预览模式：打开workbench.editor.enablePreview设置，新文件默认以预览模式显示，避免标签栏被临时文件占用。

内容的提问来源于stack exchange，提问作者stevec