如何在我的vscode扩展中使用问题面板？

const panel = vscode.window.createWebviewPanel(
    'issuePanel',
    '问题面板',
    vscode.ViewColumn.One,
    {
        enableScripts: true
    }
);

panel.webview.html = getWebviewContent();

panel.webview.onDidReceiveMessage(message => {
    switch (message.command) {
        case 'submitIssue':
            // 处理用户提交的问题
            break;
        case 'getHelp':
            // 获取帮助信息
            break;
        // 其他消息类型的处理
    }
});

// 在问题面板中添加一个提交按钮
panel.webview.postMessage({ command: 'addButton', label: '提交问题' });

// 扩展中接收到提交问题的消息后进行处理
context.subscriptions.push(vscode.commands.registerCommand('extension.submitIssue', () => {
    // 处理问题提交逻辑
}));