VSCode扩展开发：如何通过代码将WebView移至辅助侧边栏？

以下是几种可行的实现方案，配合你发现的辅助侧边栏命令一起使用：

1. 创建时直接指定到辅助侧边栏 #

调用window.createWebviewPanel时，将viewColumn参数设为vscode.ViewColumn.AuxiliaryBar，就能让WebView直接在辅助侧边栏打开：

import * as vscode from 'vscode';

const webviewPanel = vscode.window.createWebviewPanel(
  'customWebview',
  '我的WebView',
  vscode.ViewColumn.AuxiliaryBar,
  { enableScripts: true }
);

webviewPanel.webview.html = `<div>辅助侧边栏中的WebView内容</div>`;

2. 移动已存在的WebView到辅助侧边栏 #

如果WebView已经在其他位置（比如主编辑器区、普通侧边栏），可以调用move或reveal方法切换位置：

// 假设webviewPanel是已创建的WebView实例
webviewPanel.move(vscode.ViewColumn.AuxiliaryBar);
// 或者用reveal，同时可控制是否保持焦点
webviewPanel.reveal(vscode.ViewColumn.AuxiliaryBar, false);

3. 调用辅助侧边栏相关命令 #

你找到的两个命令可以通过executeCommand触发，用于控制辅助侧边栏的显示状态或聚焦：

• 切换辅助侧边栏显示/隐藏：

await vscode.commands.executeCommand('workbench.action.toggleAuxiliaryBar');

• 聚焦到辅助侧边栏：

await vscode.commands.executeCommand('workbench.action.focusAuxiliaryBar');

注意：确保你的VSCode版本在1.60及以上（该版本开始正式支持辅助侧边栏的API），如果涉及自定义视图，需要在package.json的contributes.views中配置对应视图容器。

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