Pretty JSON Preview

Select your JSON in the editor and instantly preview well formatted JSON in a side panel!

No extra commands, no key combinations required!

Pretty JSON Preview extension never submits any information to any third-party websites or external APIs. All the formatting happens locally and on the fly.

Features

• Formats and prettifies JSON in a separate panel
• Real-time updates as you select different JSON text
• Syntax highlighting for better readability
• Supports escaped JSON string

Usage

1. Open the Command Palette (Ctrl+Shift+P on Windows/Linux, Cmd+Shift+P on macOS)
2. Type and find "Pretty JSON Preview: Open" command and select it to open the side panel
3. Select a JSON text in your active editor
4. The selected JSON will automatically be prettified in the side panel
5. As you change your selection, the prettified JSON updates in real-time

Toolbar

• Wrap - toggles word wrap
• Sticky - keeps the latest JSON even your text selection changes
• Theme - pick the best highlighting theme for your taste

Installation

1. Open Visual Studio Code
2. Go to the Extensions view (Ctrl+Shift+X or Cmd+Shift+X on macOS)
3. Search for "Pretty JSON Preview"
4. Click Install

Alternatively, you can download the .vsix file from the releases page and install it manually.

Requirements

This extension requires Visual Studio Code version 1.60.0 or higher which was released in August 2021.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

Please create an issue on Github if you have any JSON documents that are not formatted as expected or if you experience any erratic behavior.

If you enjoy this extension and find it helpful, consider supporting through Buy Me a Coffee. Your contributions help me continue to improve this project and create more valuable tools for the community. Every "coffee" you buy goes a long way in motivating me to keep developing and sharing my passion for software. Thank you for your support!

Acknowledgements

• The icon from Json icons created by LAB Design Studio - Flaticon

Pretty Previewers

Don't miss out on my companion extensions, Pretty XML Preview and Pretty SQL Preview. They are the perfect complement to this tool!

Releases and Notes

Releases and Notes

License

This extension is licensed under the MIT License.

Enjoy!