Is there a way to view JSON files automatically prettyfied in Visual Studio Code?

Question

There are number of extensions in Visual Studio Code (VS Code) to prettify JSON files. But is there an extension or setting, which enables me to view all *.json files pre-formatted / pre prettified? I find it tedious to constantly press shift-alt-F + ctrl-s when viewing ugly one line json-data, especially if the content of the file is being updated regularly back to pre-formatted form.

score 37 · Answer 1 · answered Aug 01 '22 at 08:07

37

On Windows:    Shift + Alt + F  
On Mac:        Shift + Option + F  
On Linux:      Ctrl + Shift + I

Original answer How do you format code in Visual Studio Code (VSCode)?

I'm adding it here because when I was looking for it I found your post before the other one. Hope it helps.

answered Aug 01 '22 at 08:07

manuelbcd

3,106
1
26
39

1

The ideal solution to the original question would not involve pressing any key combos. Nonetheless thanks for leaving this documenting answer! – Kamaradski Jun 16 '23 at 13:11

score 2 · Answer 2 · answered Mar 24 '21 at 12:32

2

You can download JsonPrettifier extension.

answered Mar 24 '21 at 12:32

humblecoder

25
2

1

Unless this automatically format the file upon opening, it does not answer the original question – Kamaradski Jun 16 '23 at 13:09

score 0 · Answer 3 · answered Jul 27 '23 at 01:45

Be aware that if you have the setting

JSON > format: Keep Lines

enabled (the default is disabled), that a one-liner JSON file (or any JSON that has multiple key/values on the same line) will not be formatted as you wish. The file might not change at all until you disable the Keep Lines setting and re-format.

Is there a way to view JSON files automatically prettyfied in Visual Studio Code?

3 Answers3