Issue #134  (Multi-root Workspaces)11/13/24

Advertisement
Fortune Favors The Bold

Ever wish you could turn back time and invest in Amazon's early days? Well, buckle up because the AI revolution is offering a second chance.

In The Motley Fool's latest report, dive into the world of AI-powered innovation. Discover why experts are calling it "the rocket fuel of AI" and predicting a market cap 41 times larger than Amazon's.

The Motley Fool

Don't let past regrets hold you back. Take charge of your future and capitalize on the AI wave with The Motley Fool's exclusive report. Whether it's AI or Amazon, fortune favors the bold.

Don't Miss Out. Dive Into the Report Today →


If you're working on two different workspaces in VS Code and the workspaces are closely related to each other, you'll want to consider using VS Code's multi-root workspaces feature.

For example, you might be working on an app and at the same time making updates to the documentation for that app. Whatever the use case, you can add a new root to your current workspace by adding a folder to the workspace.

If you right-click on your workspace folder, you'll see the option to add a folder to the workspace. You can also do this via the command palette if you prefer.
 
Multi-root Workspaces in VS Code

Once you've added the folder, instead of the folder being added as a sub-folder to the current root folder, it will be shown as a sub folder in relation to the entire workspace, creating another "root" folder (thus the name "multi-root workspaces").
 
Multiple Root Folders in a Workspace in VS Code

You'll see the two "roots" in your workspace and you'll have all the same functionality with regular folders, with ability to drag files to and from the root folders.

Usefully, if you want to start a new workspace from scratch but you want it to be a multi-root workspace from the start, then simply drag multiple folders into your editor.
 
A New Untitlted Multi-root Workspace in VS Code
 
The current folders will automatically open as an "Untitled" multi-root workspace (as shown in the screenshot above), which you can then configure as needed.

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

VS Code Tools

toggle-case — A VS Code extension that provides a wrapper around the Node.js utility called node-change-case, allowing you to quickly change the case of the current selection/word or toggle between two configured case settings.

Flexpilot — A VS Code extension that provides an alternative to GitHub Copilot, allowing you to use your preferred AI providers and models directly in VS Code.

Give the Gift of Hydration — Stay hydrated and refreshed any time of year with NativePath Hydrate. Packed with essential electrolytes, it's the perfect wellness gift for yourself and loved ones!   Sponsor 

Ctrl+Alt+Cheat — A VS Code extension that provides quick access to a wide range of cheat sheets for various programming languages including PHP, JavaScript, Vue, React, MySQL, Tailwind, Bootstrap, C++, CSS, and more.


VS Code Theme of the Week

Nec Terminal — This is a vivid theme that is terminal-like and possibly a little abrasive for some people's tastes. It's described as having a "high contrast, green glow, perfect for clean coding."

Nec Terminal Theme

There is only one version of the theme and the most interesting part (which is also probably the feature most won't like) is the fluorescent green outline on the tabs, editor, etc., that really gives it a retro terminal look.

VS Code Articles & Videos

Is GitHub Copilot Helping Me Code, or Just Filling in the Blanks? — VS Code is kind of a side point here, but the author shows concern about how AI-based tools are eroding our core programming skills.

📺 Try This to Select Text in the Terminal and Editor — A YouTube short from the VS Code team on selecting and editing a 'column' of text in either the editor or the terminal.

Give the Gift of Hydration — Stay hydrated and refreshed any time of year with NativePath Hydrate. Packed with essential electrolytes, it's the perfect wellness gift for yourself and loved ones!   Sponsor 

‘Special Privileges’ For VS Code Github Copilot Extension Show Microsoft’s Advantage Over Competitors, Claim Users — Further info on something that was originally posted by a Reddit user, which I shared a few weeks back, this one with some comments from Microsoft on the matter.

Best of the Rest

Aide — An open-source AI-native IDE privacy-first IDE built on top of VS Code, combining powerful features of VS Code with advanced AI capabilities.

Weird Lexical Syntax — A discussion on how to create a syntax highlighter, from someone who just coded one that supports 42 programming languages.

JavaScript Web Projects: 20 Projects to Build Your Portfolio — 33 hours of course material on HTML, CSS, and modern JavaScript, to level up your skills and build a portfolio.  Sponsor 

Vim for React Developers — A mini course from someone who recently took the time to learn Vim, applying the different motions (or commands) to a React code base.

Suggestions?

If you have any link suggestions, including a tool, article, or other resource related to VS Code or another IDE, you can hit reply, send it via DM on X, or via chat on Bluesky.

That's it for this issue.

Happy VS Coding!
Louis
VSCode.Email
@LouisLazaris
Copyright © VSCode.Email. All rights reserved.

Not affiliated with Microsoft, Visual Studio Code, or any of its trademarks.