如何将VSCode侧边栏EXPLORER改为工作区文件夹名并调大字体？

方法一：使用扩展实现（推荐，兼容性好） #

VSCode原生不支持直接修改侧边栏标题，但可以通过第三方扩展轻松实现需求，以下是两种可行方案：

1. Customize UI 扩展 #

该扩展支持深度定制VSCode UI元素，包括侧边栏标题：

• 安装扩展后，打开设置（Ctrl+,/Cmd+,），编辑settings.json，添加以下配置：

  "customizeUI.stylesheet": {
    ".explorer-viewlet .title-label": "content: 'SK-AUTH-PRISMA'; font-size: 14px !important;"
  }
  

• 重启VSCode后，侧边栏的EXPLORER会被替换为指定文本，字体也会调大。如果需要动态读取当前工作区根文件夹名称，可参考扩展文档配置变量实现。

2. Sidebar Title Changer 扩展 #

专门用于修改侧边栏标题的轻量扩展：

• 安装后，通过扩展设置面板直接输入目标标题（如SK-AUTH-PRISMA），同时可调整字体大小、加粗等样式，无需手动编写CSS。

方法二：自定义CSS（不推荐，版本更新易失效） #

若不想使用扩展，可通过VSCode的自定义CSS功能实现，但该方法在版本更新后可能失效，且需启用不安全模式：

1. 在settings.json中添加配置启用自定义CSS：

   "vscode.enableCustomCSS": true
   

2. 创建CSS文件（如sidebar-custom.css），写入以下内容：

   .explorer-viewlet .title-label {
     content: 'SK-AUTH-PRISMA' !important;
     font-size: 14px !important;
     font-weight: 600; /* 可选，让标题更醒目 */
   }
   

3. 在settings.json中指定CSS文件路径：

   "vscode.customCSS": "file:///path/to/your/sidebar-custom.css"
   

4. 重启VSCode，确认启用不安全模式后即可生效。

注意事项 #

• 动态替换工作区名称：若需自动读取根文件夹名称而非固定文本，部分扩展（如Customize UI）支持变量配置，具体可查阅扩展官方文档。
• 版本兼容性：确保所用扩展与当前VSCode版本匹配，避免出现UI异常。

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