单击 VSCode 活动栏中的扩展程序图标后如何执行特定命令？

Question

I am developing a VSCode extension and just finished adding the icon to the activity bar. What I want to do is, execute a command whenever the user clicks that icon. This is what I have tried:

Package.json

"viewsContainers": {
      "activitybar": [
        {
          "id": "myID",
          "title": "Testing",
          "icon": "res/logo.svg"
        }
      ]
    },
    "views": {
      "myID": [
        {
          "id": "Explorer",
          "name": "Browse contents",
          "commands": "vscode-myorg.getContents"
        }
      ]
    }

However, the vscode-myorg.getContents command is not getting executed after clicking the icon. How can I achieve this?

Answer 1

You have to define any new command of yours.

 "commands": [

      {
        "command": "vscode-workat.getProblems",
        "title": "Get Problems"
      },
]

as well as register it in the extension.

Answer 2

In looking at Feature Request: Add an API event to indicate when the sidebar viewlet changes which was closed as waiting for another still open issue on getContext to be resolved. And using intellisense in package.json there is no other key besides id , title and icon . So you cannot put a command entry there for instance (I tried and nothing happened.)

There are a couple of other options that might work for you:

If your views are populated by a TreeView then you can detect when that treeViews' visibility changes:

myTree.onDidChangeVisibility(ev => {
    console.log(ev);                      // ev.visibiltiy = true/false
})

So you can detect when the view becomes visible because the Activity Bar icon is clicked. That does work. However, this event is also triggered when the view is already opened and the user just collapses or expands that individual view. And I don't think there is really any way to distinguish between the two conditions.

If you are populating your views with a WebView there is also an onDidChangeVisibility event for that.

---

There is an activation event for a View becoming active:

"activationEvents": [
  "onView:package-dependencies"
]

but that will only fire the first time a view is activated - and starts your extension's activate function so is probably not what you are looking for.