如何在VSCode底部标签面板中创建Webview？

底部标签栏的官方名称 #

你说的VS Code底部的标签栏区域，官方叫面板（Panel），终端、问题、输出、调试控制台这些默认组件都属于这个区域。

底部面板是否属于Webview？ #

默认的底部面板（比如终端、问题面板）大多不是用Webview实现的，但你完全可以通过API在这个区域创建Webview类型的面板标签。

把Webview放到底部面板的方法 #

用window.createWebviewPanel创建的Webview默认会出现在编辑器列区域，要把它移到底部面板，只需在创建后调用reveal方法，传入undefined作为第一个参数，第二个参数设为true：

const panel = window.createWebviewPanel(
    'hello', 
    'Hello', 
    vscode.ViewColumn.One, 
    {
        // 你的Webview配置项，比如enableScripts等
    }
);

// 将Webview移动到底部面板区域
panel.reveal(undefined, true);

这样操作后，你的Webview就会出现在底部面板的标签栏里，和终端、问题等标签并列，支持切换和固定。

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