Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Simple JSONL ViewerNew to Visual Studio Code? Get it now.
Simple JSONL Viewer

Simple JSONL Viewer

Austin Ulfers

|
71 installs
| (2) | Free
Preview formatted JSONL rows in a side panel
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSONL Viewer

Preview a formatted, syntax-highlighted view of any row in a .jsonl / .ndjson file — without copying it into a separate file.

JSONL Viewer demo

Usage

  1. Open a .jsonl or .ndjson file.
  2. Place the cursor on the row you want to inspect.
  3. Run JSONL: Preview Row via:
    • the keybinding Cmd+Alt+J (macOS) / Ctrl+Alt+J (Windows/Linux),
    • the {} icon in the editor title bar,
    • the editor right-click context menu, or
    • the Command Palette.

A read-only, pretty-printed view of the row opens beside the editor, with full JSON highlighting and folding. While the preview is open, it follows your cursor: moving to another row updates the preview automatically.

Rows that fail to parse show the parse error and the raw line so you can spot the problem.

Large files (over 50 MB)

VS Code does not share files larger than 50 MB with extensions, so the preview cannot follow your cursor in them. The extension still works: it streams rows directly from disk. Use the explicit navigation commands instead:

Command Keybinding Description
JSONL: Preview Row Cmd+Alt+J / Ctrl+Alt+J Preview the current row (row 1 for large files).
JSONL: Preview Next Row Cmd+Alt+] / Ctrl+Alt+] Step the preview to the next row (while the preview is open).
JSONL: Preview Previous Row Cmd+Alt+[ / Ctrl+Alt+[ Step the preview to the previous row (while the preview is open).
JSONL: Preview Row by Number… — Jump the preview to a specific row.

Extension Settings

  • jsonlViewer.followCursor (default true): automatically update the preview as the cursor moves between rows while the preview is open (files under 50 MB only).

Install Locally

Package the extension as a .vsix and install it into VS Code:

npm install
npm install -g @vscode/vsce
vsce package
code --install-extension jsonl-viewer-0.0.1.vsix

Then reload VS Code. To update later, bump the version, re-run vsce package, and install the new .vsix.

Development

  • npm run compile — type-check, lint, and bundle.
  • npm test — run tests.
  • Press F5 to launch an Extension Development Host; open sample.jsonl to try it out.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft