Skip to content
| Marketplace
Visual Studio Code>Other>Pretty js/jsonNew to Visual Studio Code? Get it now.
Pretty js/json

Pretty js/json

supperchong

|
67,860 installs
| (3) | Free
format js/json to beautiful json
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

prettyJson README

Usage

press F1 or Ctrl+Shift+P and run the Command "prettyJson" pretty json

Setting

press ctrl+, ,you will see User and Workspace setting. Workspace setting will override User setting.

open Extensions->Pretty-Json ,you will see three settings

  • Detect Indentation
  • Indent Width
  • Use Tabs
  1. Detect Indentation > Use Tabs.
  2. Indent Width indications the number of space when use space.

Main Features

The prettier or vscode-json beautify can format pretty json,but they don't format javascript object,such as

{
  name: 1;
}

The prettyJson is more power than vscode-json beautify.PrettyJson can format pretty any javascript object.

{name:"li"}
=>
{
    "name":"li"
}

{'name':'li'}
=>
{
    "name":"li"
}

remove comment

[{
    name:'li',//this is a comment
    age:2
}]
=>
[
    {
        "name": "li",
        "age": 2
    }
]

The prettyJson is more power than prettier when format pretty json,it support pretty partial code in any file.

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