Sublime Text - JSON formatter shortcut

Question

How to reindent 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.

score 245 · Answer 1 · edited Dec 24 '22 at 09:04

245

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 '22 at 09:04

starball

20,030
7
43
238

answered Dec 14 '16 at 23:33

pigfly

3,348
2
13
11

6

I would like to upvote this a couple more times. Thanks y0. – jorfus Feb 22 '18 at 00:45
5

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`. – fIwJlxSzApHEZIl Oct 21 '21 at 19:01
upvoted. Concise and helpful.FWIW on Mac this config is Ctrl-Option-F – Rich Sadowsky May 07 '22 at 21:19
ctrl + option + f in Mac – bogdan Jul 05 '22 at 11:27
1

Use this for __control command j__: `"{ "keys": [ "ctrl+command+j" ], "command": "pretty_json" }"` – B Seven Aug 14 '22 at 20:34
1

it is not available now – http8086 Oct 16 '22 at 13:40
1

It was not working for me until i added "Key-binding user" configuration. After that works like a charm. – vikash vik Oct 26 '22 at 08:12
this is legit, works for MacOS 2022 – Ender phan Oct 28 '22 at 08:10
This is a reference about how add User sublime3 setting. https://www.sublimetext.com/docs/settings.html – Victor Choy Nov 11 '22 at 04:12

score 155 · Answer 2 · answered May 23 '18 at 11:54

155

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 '18 at 11:54

ArNo

2,278
1
22
19

2

This one was the answer for me! – Nov 24 '19 at 11:35
5

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 – TheFreddyKilo May 19 '22 at 18:40
Works excellent for me! thanks – zushe Oct 31 '22 at 08:21

Shubham Jain · Answer 3 · 2023-08-17T06:29:15.937

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

score 32 · Answer 4 · answered Jan 02 '22 at 22:34

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

score 12 · Accepted Answer · answered Jan 20 '16 at 14:43

12

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 '16 at 14:43

MattDMo

100,794
21
241
231

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 "", line 1, in NameError: name 'sublime_json_reindent' is not defined` – user2342558 Jan 20 '16 at 15:59
@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 Jan 20 '16 at 16:12
@user2342558 are you sure you have [JSON Reindent](https://packagecontrol.io/packages/JSON%20Reindent) installed? – MattDMo Jan 20 '16 at 17:30
I'm sure. It appear in the package control. I also already reinstalled it through package control. – user2342558 Jan 20 '16 at 22:30
Could be related with - https://forum.sublimetext.com/t/cant-open-user-keybinding-settings-for-packages/13152 – Saikat Nov 23 '20 at 08:01

yoAlex5 · Answer 6 · 2023-08-03T12:40:57.303

9

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 03 '23 at 12:40

answered Jun 25 '21 at 14:04

yoAlex5

29,217
8
193
205

1

As I know, you can bind to it a custom shortcut. See for example the accepted answer. – user2342558 Jun 25 '21 at 15:11
Thats not correct, you can bind it .. I hve mentioned same in my answer in this thread – Shubham Jain Aug 10 '21 at 04:28
1

This answer should be removed, because in my question I explicitly ask for a **shortcut**, not using the command palette... – user2342558 Dec 17 '21 at 09:47

score 5 · Answer 7 · answered May 19 '17 at 18:59

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.

David Welborn · Answer 8 · 2022-07-07T18:29:14.843

1

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

edited Jul 07 '22 at 18:29

answered May 02 '22 at 20:37

David Welborn

375
2
7

Is it a native feature or it still needs a package installed? – user2342558 May 03 '22 at 12:29
It comes with it now – David Welborn Jun 06 '22 at 19:13
3

it's not native, in Sublime 4216 there is no Format menu in Selection – Suncatcher Jun 10 '22 at 21:52
1

In version 4126 there is. – David Welborn Jul 07 '22 at 18:28
Yes, there is it now. – user2342558 Oct 19 '22 at 13:04

score 0 · Answer 9 · answered Dec 17 '21 at 00:20

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 '21 at 00:20

Aravind Krishnakumar

2,727
1
28
25

1

Hi, what's the purpose of your answer? "Pretty JSON" is already suggested in other answers here. – user2342558 Dec 17 '21 at 09:44
2

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". – Aravind Krishnakumar Dec 17 '21 at 22:44

Sublime Text - JSON formatter shortcut

9 Answers9