Skip to content
| Marketplace
Sign in
Visual Studio Code>Formatters>JSON Viewer - World ClassNew to Visual Studio Code? Get it now.
JSON Viewer - World Class

JSON Viewer - World Class

ikppramesh

|
3 installs
| (0) | Free
Open JSON files in the world-class JSON Viewer (format, diff, query, schema, AI, visualise)
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSON Viewer — VS Code Extension

Open JSON files in the JSON Viewer web app directly from VS Code.

Features

  • Open in JSON Viewer: Right-click any .json file → "Open in JSON Viewer"
  • Keyboard shortcut: Ctrl+Shift+J / Cmd+Shift+J
  • Auto-sync: The viewer updates when you switch to a JSON file or save
  • Two-way sync: Edits made in the viewer (format, fix, transform) sync back to VS Code

Requirements

Internet connection required (app is hosted at GitHub Pages).

Usage

  1. Open a .json file in VS Code
  2. Right-click in the editor → "Open in JSON Viewer" — or use Ctrl+Shift+J (Windows/Linux) / Cmd+Shift+J (macOS) — or run the command JSON Viewer: Open in JSON Viewer from the Command Palette
  3. The JSON Viewer opens as a side panel

Building

cd vscode-extension
npm install
npm run compile
# To package:
npm run package  # creates json-viewer-vscode-1.0.0.vsix

Install locally

code --install-extension json-viewer-vscode-1.0.0.vsix
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft