All-new VSCode Settings Editor UI

#vscode #vscodepro

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.

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.

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.

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.

🔥 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.

AhmadAwais.js

@mrahmadawais

🔥 VSCode.pro/TIP/18 — All-new 🆚@Code v1.27 brings a new UI Settings Editor. I just released a new ver of 🦄 Shades of Purple VSCode theme to improve its styling

📯 Matching back/foreground colors
⚠️ Change Indicator
🙌 Install→ AhmdA.ws/VSCSOP

RT appreciated!

04:15 AM - 06 Sep 2018