如何增大VS Code查找小部件与标签栏的字体大小？

一、增大标签栏字体及尺寸 #

你可以通过两种方式调整标签栏的字体大小和高度：

方式1：使用内置设置（推荐） #

1. 打开VS Code设置（快捷键Ctrl+, / Cmd+,），点击右上角的{}图标打开settings.json文件。
2. 添加以下配置（数值可根据需求调整）：

   // 设置自定义标签栏高度
   "workbench.editor.tabHeight": "custom",
   "workbench.editor.customTabHeight": 36,
   // 直接设置标签栏字体大小和粗细
   "workbench.editor.tabFontSize": 14,
   "workbench.editor.tabFontWeight": "normal"
   

3. 保存文件后，标签栏的尺寸和字体大小会自动生效。

方式2：自定义CSS（更精确控制） #

如果内置设置无法满足需求，可通过自定义CSS实现：

1. 安装扩展Custom CSS and JS Loader。
2. 在本地创建一个custom.css文件，写入以下内容：

   .tabs-container .tab .tab-label {
       font-size: 14px !important;
       /* 可选：调整字体粗细 */
       font-weight: 500 !important;
   }
   

3. 回到VS Code的settings.json，添加以下配置（替换为你的custom.css文件路径）：

   "vscode_custom_css.imports": ["file:///Users/你的用户名/.vscode/custom.css"],
   "vscode_custom_css.policy": true
   

4. 重启VS Code，按弹窗提示启用自定义CSS即可。

二、增大查找小部件字体大小 #

查找小部件的字体大小可直接通过内置设置调整：

1. 打开settings.json文件。
2. 添加以下配置：

   // 设置查找小部件的字体大小
   "editor.findWidget.fontSize": 14,
   // 可选：调整查找小部件的高度
   "editor.findWidget.height": 36
   

3. 保存后，查找小部件的字体大小会立即生效。

内容的提问来源于stack exchange，提问作者Antônio Rocha