Issue #134 (Multi-root Workspaces)11/13/24
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.
|
|
|
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 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."
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
|
|
|
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.
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
|
|
|