Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>json-node-editorNew to Visual Studio Code? Get it now.
json-node-editor

json-node-editor

juanlu-l-fr

|
163 installs
| (0) | Free
Allows you to edit json nodes in bulk.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Json Node Editor

This extension allows you to easily manipulate a json file, being able to add new nodes, remove, edit, etc..

Features

Remove nodes

Open the command palette and type for Json Editor Nodes | Remove node. Once selected it will ask for a key to delete on the json provided. If the json is an array of object, the key will be deleted on every object. More than one key can be selected, and nesting is applied using . operator, examples:

  • key1, key2, key3.
  • key1.nested, key2.

It will also show pre-configured keys stored in configuration. See Settings section

Select nodes

Open the command palette and type for Json Editor Nodes | Select only specific keys. Once selected it will ask for a key to select on the json provided. Returning a json containing only the specified keys selected along its valuediscarding any other property. If the json is an array of objects, it will return the same array with only the key filled. More than one key can be selected, and nesting is applied using . operator, examples:

  • key1, key2, key3.
  • key1.nested, key2.

It will also show pre-configured keys stored in configuration. See Settings section

Unwrap nodes

Open the command palette and type for Json Node Editor | Unwrap specific keys. Once selected it will ask for a key to unwrap on the json provided. Returning a json containing only the value of the specified key, similar to select operation but removing the keys. Any other property is removed. If the json is an array of object, it will return the same array unwrapping each individual object. Only one key is allowed, and nesting is applied using . operator, examples:

  • key1.nested.

It will also show pre-configured keys stored in configuration. See Settings section

Create/Edit nodes

Open the command palette and type for Json Editor Nodes | Create/Edit node. Once selected it will ask for a key and value to either create or edit in the json provided. Only one pair can be specified. Will either add or edit the key as specified in the input. Examples are:

  • key="value"
  • key={"nestedKey": "value"}
  • key=[{"nestedKey": "value"}].

It will also show pre-configured keys stored in configuration. See Settings section

Sort nodes

Open the command palette and type for Json Editor Nodes | Sort by keys. This operation will order the keys on the json in alphabetic order.

Settings

Configuration can be applied to store commonly used operations. To edit them go to Settings > Extensions > Json Node Extension

Example configuration:

"json-node-editor.config.remove": [
    {
        "name": "commonly-removed-keys",
        "value": "key1, key2.nested.object, key3"
    }
],
"json-node-editor.config.select": [
    {
        "name": "commonly-selected-keys",
        "value": "key1, key2.nested.object, key3"
    }
],
"json-node-editor.config.unwrap": [
    {
        "name": "commonly-unwrapped-keys",
        "value": "key2.nested.object"
    }
],
"json-node-editor.config.create": [
    {
        "name": "commonly-created-keys",
        "value": "newKey=\"value\""
    }
]
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft