Sublime Text - JSON formatter shortcut

Question

How to re-indent Json code with a shortcut?

I've already installed packageControl and it works.

I already tried JsonReindent package but it has not a shortcut by default and i don't know its command name.

I already have this command (from my previous sublimetext2 on another pc, where it works fine):

// JSON reindent
{ "keys": ["ctrl+shift+j", "ctrl+shift+j"], "command": "json_reindent" },

But here it doesn't work.

starball · Accepted Answer · 2022-12-24 09:04:39Z

346

I have come across this issue too. I tried to figure it out by install jsFormat as follows:

Open Package Control panel command+shift+p (mac), install package.
Install jsFormat.
Edit the shortcut for the jsformat:

Choose Key-Binding user, then edit

[
  {
    "keys": [
      "command+l"
    ],
    "command": "reindent"
  },
  {
    "keys": [
      "ctrl+shift+s"
    ],
    "command": "auto_save"
  }, 
  {
    "keys": [
      "ctrl+alt+f"
    ],
    "command": "js_format"
  }
]

So next time when you try to format json code, just use ctrl+option+f for mac. Not mac, just use ctrl+alt+f

That's all.

edited Dec 24, 2022 at 9:04

starball♦

59.6k52 gold badges314 silver badges1k bronze badges

answered Dec 14, 2016 at 23:33

pigfly

4,3682 gold badges15 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

jorfus Over a year ago

I would like to upvote this a couple more times. Thanks y0.

fIwJlxSzApHEZIl Over a year ago

On Linux it's CTRL + Shift +P and if you haven't already you need to select install package control first before running install package and then searching for jsformat.

B Seven Over a year ago

Use this for control command j: "{ "keys": [ "ctrl+command+j" ], "command": "pretty_json" }"

http8086 Over a year ago

it is not available now

vikash vik Over a year ago

It was not working for me until i added "Key-binding user" configuration. After that works like a charm.

|

Shubham Jain · Accepted Answer · 2025-02-17 06:35:04Z

For sublime 4 below work for me on MAC OS :

Install "Pretty JSON" sublime 4 by referring below :

Use key combination Cmd + Shift + p and type Install Package
Select Package Control: Install Package from the search results
Type Pretty JSON and select it from the search results

OR use "Manual Installation" steps of below link

https://packagecontrol.io/packages/Pretty%20JSON

now for shortcut :

Click on Sublime -> Preferences -> Key Bindings

Here add the below json part inside existing json and save the file

{ "keys": [ "ctrl+shift+j" ], "command": "pretty_json" }

you can use cmd too instead of ctrl, set says as per your preference

Complete json will look like below:

[{
    "keys": [
      "command+l"
    ],
    "command": "reindent"
  },
  {
    "keys": [
      "ctrl+shift+s"
    ],
    "command": "auto_save"
  },
  {
    "keys": [
      "ctrl+shift+k"
    ],
    "command": "js_format"
  },
  {
    "keys": [
      "ctrl+shift+j"
    ],
    "command": "pretty_json"
  }
]

Now use below short key anytime to beautify json on sublime

ctrl+shift+j

You can also use command instead of ctrl

ArNo · Accepted Answer · 2018-05-23 11:54:05Z

188

Install this packages via CMD + SHIFT + P > Install package > Search for Pretty JSON and install.

And then turn ugly json via CMD + CTRL + J (OSX) CTRL + ALT + J (Windows/Linux) in pretty JSON!

Source is on GitHub. Credit

answered May 23, 2018 at 11:54

ArNo

2,6861 gold badge25 silver badges20 bronze badges

2 Comments

user1064180 Over a year ago

This one was the answer for me!

TheFreddyKilo Over a year ago

Keep in mind you still need to set your key bindings for the shortcut as user Shubham Jain mentions below. CMD + CTRL + J does not work out of the box, at least for Sublime Text 3 and 4

Aamir · Accepted Answer · 2022-01-02 22:34:02Z

44

For Mac OS follow the steps:

Install Pretty JSON

Use key combination Cmd + Shift + p and type Install Package
Select Package Control: Install Package from the search results
Type Pretty JSON and select it from the search results

Add Key Binding

Open key bindings from Sublime Text > Preferences > Key Bindings
Add following key short cut in key bindings

{ "keys": [ "command+shift+j" ], "command": "pretty_json" }

Use Pretty JSON

Select JSON text and use key combination Cmd + Shift + j

answered Jan 2, 2022 at 22:34

Aamir

17.1k10 gold badges62 silver badges68 bronze badges

Comments

MattDMo · Accepted Answer · 2016-01-20 14:43:02Z

17

If you look at the source, the name of the sublime_plugin.TextCommand subclass is SublimeJsonReindentCommand. Per the conventions for command names, the resulting command is named sublime_json_reindent. Simply change your key binding to:

{ "keys": ["ctrl+shift+j", "ctrl+shift+j"], "command": "sublime_json_reindent" },

and you should be all set.

answered Jan 20, 2016 at 14:43

MattDMo

103k21 gold badges251 silver badges239 bronze badges

5 Comments

user2342558 Over a year ago

The command does nothing. In the console nothing appears. If i put the command directly in the console:

>>> sublime_json_reindent       Traceback (most recent call last):         File "<string>", line 1, in <module>       NameError: name 'sublime_json_reindent' is not defined

MattDMo Over a year ago

@user2342558 in the console, run view.run_command("sublime_json_reindent") and let me know what happens. Make sure you have a JSON file open and some text selected.

MattDMo Over a year ago

@user2342558 are you sure you have JSON Reindent installed?

user2342558 Over a year ago

I'm sure. It appear in the package control. I also already reinstalled it through package control.

Saikat Over a year ago

Could be related with - forum.sublimetext.com/t/…

yoAlex5 · Accepted Answer · 2023-08-03 12:40:57Z

17

Sublime Text with JSON formatter

You can use Command Palette to format a text

Install SublimePrettyJson

2.1 Format using Command Palette

//Call Command Palette
Ctrl+Shift+P

//Format code instead of  CMD + CTRL + J (OSX)
pretty format

2.2 Format using custom shortcut

Sublime Text -> Settings... -> Key Bindings

//{ "keys": [ "<custom_shortcut >" ], "command": "pretty_json" }
{ "keys": [ "ctrl+i" ], "command": "pretty_json" }

edited Aug 3, 2023 at 12:40

answered Jun 25, 2021 at 14:04

yoAlex5

35.2k10 gold badges235 silver badges253 bronze badges

3 Comments

user2342558 Over a year ago

As I know, you can bind to it a custom shortcut. See for example the accepted answer.

Shubham Jain Over a year ago

Thats not correct, you can bind it .. I hve mentioned same in my answer in this thread

user2342558 Over a year ago

This answer should be removed, because in my question I explicitly ask for a shortcut, not using the command palette...

ecamur · Accepted Answer · 2017-05-19 18:59:02Z

5

I am using Linux OS. I found the solution first installing the package controller then Pretty JSON package.

Install the package controller for sublime here
Install Pretty JSON packages via CMD + SHIFT + P > Install package > Search for Pretty JSON and install. Details are here.

answered May 19, 2017 at 18:59

ecamur

991 silver badge4 bronze badges

Comments

David Welborn · Accepted Answer · 2022-07-07 18:29:14Z

1

Since version 4 it is available under the Selection -> Format -> JSON menu option.

edited Jul 7, 2022 at 18:29

answered May 2, 2022 at 20:37

David Welborn

3743 silver badges8 bronze badges

5 Comments

user2342558 Over a year ago

Is it a native feature or it still needs a package installed?

David Welborn Over a year ago

It comes with it now

Suncatcher Over a year ago

it's not native, in Sublime 4216 there is no Format menu in Selection

David Welborn Over a year ago

In version 4126 there is.

user2342558 Over a year ago

Yes, there is it now.

Aravind Krishnakumar · Accepted Answer · 2021-12-17 00:20:55Z

0

Open the Command Palette: Press Ctrl+Shift+P (Windows) or Cmd+Shift+P (OS X). Type 'install' in the Command Palette input box, which should autocomplete to 'Install Package Control'.

Then go to Sublime Text -> Preferences -> Package Control -> Type Package Control: Install Package in the pop up box which would open a separate pop up box and in that type the package you want to install in this case "Pretty JSON"

Turn ugly json to pretty JSON via CMD + CTRL + J (OS X)

answered Dec 17, 2021 at 0:20

Aravind Krishnakumar

2,7771 gold badge31 silver badges27 bronze badges

2 Comments

user2342558 Over a year ago

Hi, what's the purpose of your answer? "Pretty JSON" is already suggested in other answers here.

Aravind Krishnakumar Over a year ago

I felt the some initial steps were missing and so I added this answer. I was struggling to install Pretty JSON since the answers did not explain how to install "Package Control" first. Only after installing Package Control you can install "Pretty JSON".

boletus151 · Accepted Answer · 2024-08-08 09:18:54Z

0

With Pretty Json, add this to the shortcuts file:


  {
    "caption": "Pretty JSON: Format and Sort JSON",
    "command": "pretty_json_and_sort",
    "keys": [
      "xxxx"
    ]
  },
  {
    "caption": "Pretty JSON: Minify (compress) JSON",
    "command": "un_pretty_json",
    "keys": [
      "xxxx"
    ]
  },
  {
    "caption": "Pretty JSON: JSON 2 XML",
    "command": "json_to_xml",
    "keys": [
      "xxxx"
    ]
  },
  {
    "caption": "Pretty JSON: JSON query with ./jq",
    "command": "jq_pretty_json",
    "keys": [
      "xxxx"
    ]
  },
  {
    "caption": "Pretty JSON: Validate",
    "command": "pretty_json_validate",
    "keys": [
      "xxxx"
    ]
  }

answered Aug 8, 2024 at 9:18

boletus151

3103 silver badges6 bronze badges

Comments

Christian Tismer · Accepted Answer · 2024-11-02 14:03:29Z

0

This is important if you want to look at huge JSON files, like the mypy cache file of QtCore.pyi: Using the pretty_json installable command works fine, but looking at mentioned cache files took minutes with spinning wheel. The builtin

Selection / Format / Indent JSON

in Sublime Text 4 took 3 seconds only.

answered Nov 2, 2024 at 14:03

Christian Tismer

1,41316 silver badges18 bronze badges

1 Comment

user2342558 Sep 12 at 7:33

3 seconds are 300% more than a shortcut

Collectives™ on Stack Overflow

Sublime Text - JSON formatter shortcut

11 Answers 11

9 Comments

Comments

2 Comments

Comments

5 Comments

3 Comments

Comments

5 Comments

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

11 Answers 11

9 Comments

Comments

2 Comments

Comments

5 Comments

3 Comments

Comments

5 Comments

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related