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

Question

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

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

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?

Answer 1

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:

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