Format JSON Online - VS Code Extension

Professional JSON formatter, validator, and converter for Visual Studio Code
Format, validate, minify, sort, and convert JSON files with ease

✨ Features

🎯 Core Features

Format JSON - Beautify JSON with customizable indentation
Minify JSON - Compress JSON by removing whitespace
Validate JSON - Check JSON syntax with detailed error messages
Sort Keys - Sort object keys alphabetically
Escape/Unescape - Handle JSON string escaping

🔄 Converters

JSON → CSV
JSON → XML
JSON → YAML
CSV → JSON
XML → JSON
YAML → JSON

🛠️ Advanced Tools

Compare JSON Files - Diff and merge JSON documents
JSON Statistics - Analyze JSON structure and size
WebView Interface - Full-featured JSON editor in VS Code
Integration with formatjsononline.com - Access advanced online tools

🚀 Installation

From VS Code Marketplace

Open VS Code
Press Cmd+P (Mac) or Ctrl+P (Windows/Linux)
Type ext install formatjsononline.formatjsononline
Press Enter

From VSIX File

Download the .vsix file from Releases
Open VS Code
Press Cmd+Shift+P → "Extensions: Install from VSIX..."
Select the downloaded file

📖 Usage

Quick Start

Open any .json file
Right-click in the editor
Select "Format JSON" from the context menu

Keyboard Shortcuts

Command	Mac	Windows/Linux	Description
Format JSON	`Shift+Alt+F`	`Shift+Alt+F`	Format current JSON file
Minify JSON	`Shift+Alt+M`	`Shift+Alt+M`	Minify current JSON file
Validate JSON	`Cmd+Shift+V`	`Ctrl+Shift+V`	Validate JSON syntax

Command Palette

Press Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows/Linux) and type:

Format JSON: Format - Beautify JSON
Format JSON: Minify - Compress JSON
Format JSON: Validate - Check syntax
Format JSON: Sort Keys - Sort object keys
Format JSON: Convert to CSV - Export as CSV
Format JSON: Open Advanced Tools - Open WebView interface

Right-click in any JSON file to access:

Format JSON
Minify JSON
Validate JSON
Compare with Another File

⚙️ Configuration

Configure the extension in VS Code settings:

{
  // Number of spaces for indentation (default: 2)
  "formatjson.indentSize": 2,

  // Sort object keys alphabetically (default: false)
  "formatjson.sortKeys": false,

  // Validate JSON on save (default: true)
  "formatjson.validateOnSave": true,

  // Format JSON on save (default: false)
  "formatjson.formatOnSave": false
}

Format JSON Online

format json online