在选项卡式面板中创建 VSCode Web 视图？

Question

我已经阅读了文档，但我不明白。当我创建这样的网络视图时：

const panel = window.createWebviewPanel('hello', 'Hello', vscode.ViewColumn.One, {
      ...
    });

它在“One”列中创建一个新的网络视图。我可以将其移动到不同的列，但这些列与您在 VSCode 底部找到的选项卡不同。我想创建一个网络视图并将其放置在这些选项卡之一中。

问题之一是我不知道这个东西叫什么。这些也被视为网络浏览吗？

Answer 1

据我所知，您无法向该区域添加更多选项卡，并且现有的选项卡是内部构建的，因此我看不到在那里添加网络视图的方法。

我所知道的 Web 视图的唯一两个位置是：编辑器（组）选项卡和侧边栏视图。

但是，如果您可以找到一个在那里添加新选项卡的扩展，请检查其源代码以了解它是如何做到的。

Answer 2

您正在尝试制作一个WebviewPanel。 WebviewPanel 不能添加到顶部、底部或右侧。为此，您需要制作一个如下所示的 WebViewView https://github.com/microsoft/vscode-extension-samples/tree/main/webview-view-sample