Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>JSONL Edit/PreviewNew to Visual Studio Code? Get it now.
JSONL Edit/Preview

JSONL Edit/Preview

toiroakr

|
79 installs
| (0) | Free
Edit individual JSON lines in JSONL files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

icon

JSONL Editor

Features

  • Edit JSONL Lines: Edit individual JSON lines in JSONL (JSON Lines) files. Open any line as formatted JSON in a new tab, edit it, and save to update the original JSONL file.
  • Preview JSONL: Real-time preview of the JSON on the current line. The preview automatically updates as you move your cursor through the JSONL file.

How to Use

Edit JSONL Line

  1. Open a JSONL file and place your cursor on any JSON line.
  2. Open command palette and select Edit JSONL line or right-click and select from context menu.
  3. Edit the JSON in the new tab (formatted for easy editing).
  4. Save (Ctrl+S / Cmd+S) to update the original JSONL file.

Preview JSONL

  1. Open a JSONL file.
  2. Open command palette and select Preview JSONL or right-click and select from context menu.
  3. The preview panel will show the formatted JSON of the current line.
  4. Move your cursor to different lines to see their JSON content in real-time.

Development

Preview Template Development

To develop and test the preview template with live reload:

npm run preview-dev

This will:

  • Start a development server at http://localhost:3000
  • Display the preview template with sample JSON data
  • Auto-reload when you modify src/preview-template.html

Others

Issues

Releases

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft