Issue #5  (Workspace Settings)05/25/22

As mentioned in last week's issue, VS Code's user settings can be modified in either the GUI view or JSON split view. Another specific type of setting you can incorporate is something called "Workspace Settings". These are accessible after you first save a particular folder or set of folders as a "Workspace".

Generally, any folder you open in VS Code is treated as a Workspace, but you can also save a Workspace by saving a set of files/folders as a ".code-workspace" file.

For example, if you're inside a folder that's been opened in VS Code, opening the Settings UI will look as follows:

Note the "Workspace" tab that appears next to "User", differentiating between User settings and Workspace settings. This would be the case if you simply opened a folder in VS Code, which is treated as a Workspace.

But even further than this, if you save a .code-workspace file, the Settings UI will look like the following:
 
Here you can see three levels of settings represented in the Settings UI. In my example, I've opened a Workspace file for the vscode.email website. This allows me to have specific settings and configurations for this specific project, so I can save task and debugging setup details, save UI state (e.g. open files), and enable/disable extensions specifically for that Workspace.

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

VS Code Tools

ES6 String HTML — VS Code extension that adds syntax highlight support for code placed in ES6 multiline strings.

Open VSX Registry — A vendor-neutral, open-source marketplace for VS Code extensions. You can search by keyword and category.

Serendipity Theme — An elegant, minimal, clean, and good-for-the-eyes VS Code theme that's also been ported to other IDEs and apps.

click-to-component — Option+Click React components in your browser to instantly open the source in VS Code.

VS Code Articles

VSCode vs RStudio — Worth the Switch? — A write-up for developers familiar with programming in "R" using RStudio who want to see how it compares to VS Code.

5 Must-Have VS Code Extensions to Boost Productivity (And Why) — Mostly well-known extensions listed here, so if you're new to VS Code, you'll enjoy some of these must-haves.

VSCode - Markdown Edition — From the Dendron blog, a look at VS Code's addition of better Markdown features that add 'programming language-like tooling' to the editor.

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

The Alternatives

Zee — A modern and somewhat experimental editor for the terminal, in the spirit of Emacs, written in Rust.

Notepad Next — A cross-platform, reimplementation of Notepad++, the classic Windows-based Notepad replacement.

vim-notification — A message notification system for Vim.

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