DEV Community

Ahmad Awais ⚡️ for VSCode.pro

Posted on • Updated on

All-new VSCode Settings Editor UI

Howdy-do, folks! 🙌

Over the past few months, VSCode team has been developing a GUI for editing settings. In the v1.27, the new UI settings editor has become the default editor.

new VSCode Editor UI

Settings Modification/Validation

Settings that have been modified are now indicated with a colored line, like modified lines in the editor. The gear icon opens a context menu with an option to reset the setting to its default value. Setting values are now validated, and any validation errors are displayed.

new VSCode Editor UI

Shows Matching Extensions

When you search in settings, our Bing-powered search service is still providing results that it thinks are relevant. Now, that service will also show you extensions from the Marketplace that have relevant settings. You will see a button at the bottom of the settings search results, Show matching extensions. When clicked, the Extensions view will open with the matching extensions.

new VSCode Editor UI

You can still access the JSON settings editor, either by using the command Open Settings (JSON) or by changing your default settings editor with the "workbench.settings.editor" setting. But I suggest you create a keyboard shortcut by pressing COMMAND (⌘) + k then COMMAND (⌘) + S and search for Settings JSON and then set COMMAND (⌘) + PERIOD (.) as the shortcut for the old JSON editor.

settings.json

🔥 Checkout the TIP →

🦄 Shades of Purple VSCode theme

I just released a new version of 🦄 Shades of Purple VSCode theme to improve upon the styling for this new editor with:

📯 Theme Matching back/foreground colors
⚠️ Change Indicator — also decided to move from green to yellow color.

P.S. I am making every effort to launch my VSCode.pro this month. Bear with me and maybe signup for the update. Peace! ✌️

Top comments (4)

Collapse
 
caubeen profile image
caubeen

Awesome!

BTW still loving your theme, perfect combination of readability and color.

Collapse
 
ahmadawais profile image
Ahmad Awais ⚡️

Thanks for that John. Folks like you make open source work worth it. 👌

Collapse
 
artoodeeto profile image
aRtoo

hello. is that slack extension?

Collapse
 
ahmadawais profile image
Ahmad Awais ⚡️

On the side? Yes Slack chat.