Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>JSON Tree ViewNew to Visual Studio Code? Get it now.

JSON Tree View

chauncey.chengxl

|
188 installs
| (0) | Free
Generate a tree view from json file
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

JSON Tree View

A tool to generate JSON tree view from JSON file, integrated with JSON schema validation and customized tree view configuration.

Features

  • JSON Tree View
  • Validation Error Hightlighting
  • Customized Tree View Configuration

How to run

  1. Follow instructions on https://code.visualstudio.com/docs/languages/json to set up json schema files.

  2. To enable customized tree view, in user setting you need to specify the key of the object you want to customize and speicify which children's key you want to use as identifier. E.g.

    {
        "jsonTreeView.customizedViewActivated": true,
        "jsonTreeView.customizedViewMapping": {
            "items": "id"
        }
    }
    

Quick Demo

Open folder ./demo in Visual Studio Code, and open file target.json in text editor, you will find errors are highlighted.

Release Notes

1.0.0

Initial release of JSON Tree View

2.0.0

Remove ajv library and use vscode diagnostics API instead

Others

  • For more information, feel free to raise new issues on Github Repository JSON Tree View
  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft