如何在VSCode中缩小编辑器标签页的尺寸？

• 通过内置设置快速调整
  打开VSCode设置（快捷键Ctrl+,/Cmd+,），搜索并修改以下选项：

  • workbench.editor.tabSizing：设为compact，让标签页横向更紧凑；
  • workbench.editor.tabHeight：直接输入数值（如28）自定义标签页高度；
  • workbench.editor.labelFormat：选择short或compact缩短文件名显示，减少横向占用。

• 自定义CSS精细控制
  若内置设置无法满足需求，可通过自定义CSS实现更细致的调整：

  1. 安装Custom CSS and JS Loader插件；
  2. 创建CSS文件，添加以下代码（可根据需求修改数值）：

  /* 调整标签页整体高度 */
  .tab {
    height: 26px !important;
  }
  /* 缩小标签页文字大小与内边距 */
  .tab-label {
    font-size: 12px !important;
    padding: 0 8px !important;
  }
  /* 调整标签页图标尺寸 */
  .tab-icon {
    width: 16px !important;
    height: 16px !important;
  }
  

  3. 在设置中配置vscode_custom_css.imports，指向该CSS文件路径，重启VSCode后生效。

• 借助插件扩展功能
  安装Tab Manager等插件，可获得更多标签页自定义选项，包括尺寸调整、批量管理等功能。

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