Add submenu demo

[Simon-He95]

Right-click to open how to configure the second-level menu, can you add a demo?
For example, the first level is called group, and the second level is expanded after hover, group-item-1, group-item-2

[andreamah]

You can see https://code.visualstudio.com/api/references/contribution-points#contributes.submenus for help on that.

[Simon-He95]

Hi, @andreamah thanks for your reply, I saw these references, but I still don't know how to set the parent menu and submenu, the image in the content obscures the configured code, I would rather have a simple demo that can run like this.

[Simon-He95]

Can we move forward with this question? :)

[Simon-He95]

@aeschli could you please offer a simple demo or update https://code.visualstudio.com/api/references/contribution-points#contributes.submenus to use easier

[Ayyoub-ESSADEQ]

@Simon-He95 you package contribution points should look something like this :

     "contributes": {
	...,
    "commands": [
      {
        "command": "demo.testCommand1",
        "title": "option 1"
      },
      {
        "command": "demo.testCommand2",
        "title": "option 2"
      },
      {
        "command": "demo.testCommand3",
        "title": "option 3"
      }
    ],
    "submenus":[
      {
        "id" : "submenuId",
        "label" : "Test Submenus"
      }
    ],
    "menus": {
      "editor/context": [
        {
          "submenu": "submenuId"
        }
      ],

      "submenuId":[
        {
          "command": "demo.testCommand1"
        },
        {
          "command": "demo.testCommand2"
        },        
        {
          "command": "demo.testCommand3"
        }
      ]
    }
  },
  ...
 }

Then you will see something like this :

[Simon-He95]

@Simon-He95 you package contribution points should look something like this :

     "contributes": {
	...,
    "commands": [
      {
        "command": "demo.testCommand1",
        "title": "option 1"
      },
      {
        "command": "demo.testCommand2",
        "title": "option 2"
      },
      {
        "command": "demo.testCommand3",
        "title": "option 3"
      }
    ],
    "submenus":[
      {
        "id" : "submenuId",
        "label" : "Test Submenus"
      }
    ],
    "menus": {
      "editor/context": [
        {
          "submenu": "submenuId"
        }
      ],

      "submenuId":[
        {
          "command": "demo.testCommand1"
        },
        {
          "command": "demo.testCommand2"
        },        
        {
          "command": "demo.testCommand3"
        }
      ]
    }
  },
  ...
 }

Then you will see something like this :

@Ayyoub-ESSADEQ thanks for you reply, I will try it later

[Simon-He95]

This is exactly what I was looking for, thanks