OpenCtx for VS Code

Contextual info about code from your dev tools, in your editor. See openctx.org.

Screenshot of OpenCtx annotations for Storybook in a code file

Hover over a UI component in code to see what it looks like

Usage

Status: experimental

  1. Install OpenCtx for VS Code (sourcegraph.openctx).
  2. Add the following to your VS Code settings:

    "openctx.providers": {
    "https://openctx.org/npm/@openctx/provider-hello-world": true,
    },

  3. Open a code file and look for the "Hello World" items from OpenCtx.
  4. Add other OpenCtx providers to see more contextual info about your code:

For extension authors

Use @openctx/vscode-lib to incorporate OpenCtx functionality into your own VS Code extension.

Development

Notes