Pepe JSON Viewer

View .json and .jsonc files as an interactive, collapsible tree, built natively for VS Code.

Features

Collapsible tree with expand-all / collapse-all.
Syntax highlighting that follows your VS Code theme (keys, strings, numbers, booleans, null).
Search & filter keys and values; matches and their ancestors stay visible.
Copy value and copy path (JSONPath-style, e.g. $.users[0].name) on every node.
Light / dark toggle plus automatic theme matching.
Tolerant parsing: supports .jsonc comments and trailing commas.
Raw text button to jump back to the normal editor.

Right-click a .json file in the Explorer → Open with Pepe JSON Viewer, or
Open a JSON file and run Pepe JSON Viewer: Open from the Command Palette, or
Use the editor title-bar action.

Add this to your settings.json to open all JSON files in the viewer automatically:

"workbench.editorAssociations": {
  "*.json": "jsonViewerPro.viewer"
}

To edit a file as plain text afterwards, use Reopen Editor With… → Text Editor or the Raw text button.

MIT