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

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.
 
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").
 
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.
   
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 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 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