How can I view the settings UI and JSON in a split view?

user_14355835 0
Viewed 79

I was following a tutorial to change ui setting back to json split settings.

enter image description here

This is what it looks like after I added these 3 lines,

"workbench.settings.editor": "json",
"workbench.settings.openDefaultSettings": true,
"workbench.settings.useSplitJSON": true,

But it looks different from what I see in the tutorial, which looks like this

enter image description here

I think this is way better since it still has a search bar and you can collapse and expand by categories. Is there a way to change my settings to look like this?

visual-studio-code
1 Answers

I don't think there is a built in settings to get that view automatically, however if you open the settings UI interface in an editor, split it, and then in the second editor open the JSON settings, you can split those two editors to achieve the same thing:

enter image description here

When you update settings via the UI, it reflects those changes in the JSON immediately, similar to the markdown previewer.

user_65301340
Related