VSCode扩展开发：如何通过代码切换到自定义贡献的ActivityBar

VS Code官方提供了原生能力可以直接实现该需求，无需依赖第三方工具。

核心实现逻辑 #

通过vscode.commands.executeCommand调用VS Code内置的视图跳转命令即可，命令格式为 workbench.view.extension.<你的ActivityBar视图ID>。

具体操作步骤 #

• 第一步：确认你在扩展package.json中配置的ActivityBar视图ID，示例配置如下：

{
  "contributes": {
    "viewsContainers": {
      "activitybar": [
        {
          "id": "my-custom-activitybar",
          "title": "我的扩展视图",
          "icon": "assets/icon.svg"
        }
      ]
    }
  }
}

上述示例中的视图ID为my-custom-activitybar。

• 第二步：在自定义命令的触发逻辑中调用切换命令，代码示例如下：

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
  // 注册你的自定义命令
  const disposable = vscode.commands.registerCommand('your-ext-id.custom-run-command', () => {
    // 替换为你自己的ActivityBar视图ID
    const targetViewCommand = 'workbench.view.extension.my-custom-activitybar';
    vscode.commands.executeCommand(targetViewCommand)
      .then(
        () => console.log('视图切换成功'),
        (err) => console.error('视图切换失败：', err)
      );
  });
  context.subscriptions.push(disposable);
}

补充说明 #

如果切换后需要同时聚焦到ActivityBar下的某一个子视图，可以在上述切换逻辑执行成功后，额外调用子视图的focus命令，格式为<子视图ID>.focus，子视图ID对应你在contributes.views下配置的对应视图ID。

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