VSCode扩展开发：如何为面板添加菜单？

• 官方称谓：这个功能正式名称是Webview View Title Menu，属于VS Code扩展的菜单贡献体系，并非直接在WebviewView或WebviewViewProvider的API实例方法中定义。
• 实现步骤：
  1. 在扩展的package.json中配置菜单贡献点，针对目标Webview视图的标题栏添加菜单：

     "contributes": {
       "menus": {
         "view/title": [
           {
             "command": "your-extension.custom-menu-command",
             "when": "view == your-webview-view-id",
             "group": "navigation"
           }
         ]
       },
       "commands": [
         {
           "command": "your-extension.custom-menu-command",
           "title": "自定义菜单选项"
         }
       ]
     }
     

  2. 确保你的WebviewViewProvider注册时使用的ID和上述when条件中的your-webview-view-id一致：

     vscode.window.registerWebviewViewProvider('your-webview-view-id', {
       resolveWebviewView(webviewView: vscode.WebviewView) {
         // 这里做Webview内容初始化逻辑
       }
     });
     

  3. 在扩展的激活逻辑中注册命令的回调：

     vscode.commands.registerCommand('your-extension.custom-menu-command', () => {
       // 菜单点击后的执行逻辑
     });
     

• 补充说明：你之前猜测的WebviewView徽章是独立功能，用于在视图图标旁显示数字标记，和标题栏菜单无关。菜单配置是通过扩展贡献点声明的，所以不会在index.d.ts的WebviewView相关类型定义中直接体现。

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