如何从源代码修改VSCode的Activity Bar（活动栏）

1. 移除现有Activity Bar图标 #

VSCode的Activity Bar条目由各个内置模块通过ActivityBarRegistry注册，你可以通过两种方式移除：

• 方式1：直接注释对应模块的注册代码
  内置功能的Activity Bar注册通常在src/vs/workbench/contrib/[功能名]/browser/[功能名].contribution.ts文件中。比如：
  • 资源管理器：src/vs/workbench/contrib/files/browser/files.contribution.ts，找到调用ActivityBarRegistry.registerActivity的代码块，注释掉即可。
  • 搜索：src/vs/workbench/contrib/search/browser/search.contribution.ts，同理注释注册逻辑。
• 方式2：在ActivityBar渲染时过滤条目
  打开src/vs/workbench/browser/parts/activitybar/activityBar.ts，找到渲染条目的逻辑（比如renderItems方法），添加过滤条件，移除不需要的条目ID（比如workbench.view.explorer、workbench.view.search等）。

2. 添加新的Activity Bar图标 #

要添加触发自定义扩展命令的图标，步骤如下：

1. 注册新的Activity Bar条目
   打开src/vs/workbench/browser/activityBarRegistry.ts，或者在你的扩展贡献文件中（如果是修改核心代码，建议在对应模块的contribution文件中），调用ActivityBarRegistry.registerActivity方法，传入配置：

   ActivityBarRegistry.registerActivity({
       id: 'your-custom-extension-view', // 唯一ID
       name: '你的扩展名称', // 悬停显示的名称
       icon: 'your-icon-id', // 图标ID，需要在iconRegistry中注册，或者使用已有的图标
       command: 'your-extension.command-id', // 你的扩展快捷键对应的命令ID
       category: 'workbench',
       order: 100 // 控制图标在Activity Bar中的位置，数值越大越靠右
   });
   

2. 注册图标（如果使用自定义图标）
   如果需要自定义图标，将图标文件（SVG格式）放入src/vs/workbench/browser/theme/icons目录，然后在src/vs/workbench/browser/theme/iconRegistry.ts中注册图标ID：

   registerIcon('your-icon-id', {
       fontPath: './icons/your-icon.svg',
       fontCharacter: '' // 若使用字体图标则填字符，SVG图标留空
   });
   

3. 验证点击逻辑
   确保your-extension.command-id是你扩展中已注册的命令，点击Activity Bar图标时会触发该命令，和快捷键效果一致。

VSCode源码本身带有详细的文档和注释：

• 工作台核心结构文档：查看src/vs/workbench/README.md，里面详细说明了工作台的模块划分、核心组件（包括Activity Bar）的设计逻辑。
• 贡献系统文档：src/vs/workbench/common/contributions/README.md，解释了如何通过贡献点注册UI元素和命令。
• 代码注释：直接查看src/vs/workbench/browser/parts/activitybar目录下的activityBar.ts和activityBarRegistry.ts，里面的注释会告诉你Activity Bar的渲染流程和注册机制。
• CONTRIBUTING.md：项目根目录的CONTRIBUTING.md，包含源码编译、调试的基础指南，帮助你快速搭建修改环境。

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