vscode json structure

JSON Path Hover for VS Code

A lightweight VS Code extension to show and copy the current JSON path in JSON and JSONC files.

demo

Features

Hover any JSON or JSONC property or array item to see its access path.
Click Copy in the hover to copy the path to the clipboard.
Works in common VS Code config files such as settings.json, launch.json, and keybindings.json.
Special keys are escaped when needed, for example ["@antfu/eslint-config"].

For this JSON:

{
  "user": {
    "profile": {
      "display-name": "Simon"
    }
  },
  "items": [
    {
      "id": 1
    }
  ]
}

The extension shows paths like:

user.profile['display-name']
items[0].id

The extension works on valid JSON and JSONC documents.
While a file is temporarily invalid during editing, the hover is hidden until the document parses again.