Issue #6  (Editing JSON Settings)06/01/22

When working with your VS Code settings in JSON split view, your user settings that override the default settings will appear on the right.

In that window, you can edit the settings using valid JSON syntax (assuming you know the key/value pairs you want to change) or you can hover over any of the settings on the right side to use the little "edit" pencil that appears on the line you're hovering your mouse over.

Hovering over a line brings up the little edit pencil icon and also displays a tool tip that explains the setting. When you click the little pencil icon next to the line you want to edit, you get options similar to a select box in HTML. In the screenshot below I'm hovering over the "workbench.colorTheme" setting, which brings up various options to change the current VS Code theme.
 
If on the other hand you choose to edit the text directly, if you happen to mistype the setting key, it will display in a washed-out version of the color of the font, so you'll easily be able to tell if you've made an error. In  most cases, though, you'll either be using the edit icon or copying and pasting the settings directly from the default settings pane.

Now on to this week's hand-picked links!

VS Code Tools

TypeScript Error Translator — A VS Code extension that translates TypeScript errors into human-readable language right in your IDE.

Shades of Purple — A professional theme suite with hand-picked and bold shades of purple for your VS Code editor and terminal apps.

File Nesting Config — A config snippet that makes your file tree cleaner with VS Code's new file nesting feature, that was added in January of this year.

Joyride — A VS Code extension that lets you modify your editor by executing ClojureScript code in your REPL and/or run scripts via keyboard shortcuts you choose.

VS Code Articles

How I Built It: The Anatomy of a VS Code Extension — Rizèl Scarlett, who works in developer relations at GitHub, built a VS Code Extension that deploys code to GitHub Pages, which he explains in this post. This might be a good start if you want to get into extension development.

Bracket Pair Colorization 10,000x Faster — This is from 2021 on the official VS Code blog, in case you wanted to know the history of bracket colorization and how it's now implemented as a native feature in the editor.

Visual Studio 2022 for Mac Preview 7 — Not technically about VS Code, but about Visual Studio 2022 (the classic Visual Studio) discussing the latest release for macOS.

Bytes — A JavaScript newsletter that's entertaining and informative with lots of coding tidbits, news, and tools.   Sponsor 

The Alternatives

CodeEdit — An open-source code editor for MacOS that includes many of the features expected in a modern IDE like syntax highlighting, code completion, project find and replace, snippets, terminal, task running, debugging, git integration, code review, extensions, and more.

What's Your Current Code Editor/IDE Setup? — A user on the DEV community website asks others to share their current IDE and setup. Interesting to see the different themes and fonts used.

Math Support in Markdown — The GitHub blog recently announced that math expressions can be rendered in Markdown on GitHub using $$ as a delimiter for code blocks with math content or the $ delimiter for inline math expression.

Suggestions?

If you have any link suggestions, including a tool, article, or other resources related to VS Code or another IDE, send it via DM on X: @LouisLazaris or just hit reply on this email.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris