How to add context menu with VSCode extension?

Question

How do you add a context menu? (in the explorer and/or the editor)

I tried the following which doesn't work:

{
    "command": "extension.sayHello",
    "title": "Say Hello",
    "context": {
        "where": "explorer/context",
        "when": "json"
    }
}

That's based on:

https://github.com/Microsoft/vscode/issues/3192

https://github.com/Microsoft/vscode/pull/7704

score 30 · Accepted Answer · answered Dec 30 '16 at 18:04

30

The extensionAPI documentation has a working example: https://code.visualstudio.com/docs/extensionAPI/extension-points

  "contributes": {
    "commands": [
      {
          "command": "extension.sayHello",
          "title": "Say Hello"
      }
    ],
      "menus": {
        "explorer/context": [{
            "when": "resourceLangId == javascript",
            "command": "extension.sayHello",
            "group": "YourGroup@1"
      }]
    }
  },

answered Dec 30 '16 at 18:04

Manuel

10,869
14
55
86

Hey, do you know how to add menu items to top of the context menu? – unos baghaii Aug 15 '19 at 05:08
1

See https://code.visualstudio.com/api/references/contribution-points#Sorting-inside-groups – Taha BASRI Nov 21 '20 at 14:02
1

how do I get the `URL` from where the user clicked? – Chris Oct 19 '22 at 12:58

How to add context menu with VSCode extension?

1 Answers1

Linked