VSCode.Email Issue #133 (Changing Breadcrumb Settings)

Issue #133 (Changing Breadcrumb Settings)11/06/24

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.

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 →

Breadcrumb navigation has been enabled by default in VS Code for some time now. Unless you changed that setting, you likely use breadcrumbs all the time (or at least have it visible, even if you don't find it useful).

If you search for "breadcrumbs" in your settings, there are a number of things you can do to customize how breadcrumbs work.

For example, you can turn breadcrumbs on or off but you can also decide to only display the last element in the file path in the breadcrumb (i.e. before the symbols are listed).

Enabling or Disabling Breadcrumbs in VS Code

The setting shown above is for the File Path portion of the breadcrumb, but the same setting is available for the Symbols portion. Search for Breadcrumbs: Symbols to enable/disable or show "last" for symbols.

You can also choose to deselect whether to show specific symbols like arrays, Booleans, classes, constants, constructors, functions, modules, etc., in the breadcrumb.

Enabling/disabling Symbols in the Breadcrumb in VS Code

Depending on the kind of work you do, you might have use cases for disabling one or more of these 25+ symbols in your breadcrumbs.

And finally, if you want to somewhat simplify the breadcrumb, you can uncheck the setting "Render breadcrumb items with icons", which removes the icon next to the breadcrumb elements in the file path. You can see this in the comparison below.

Breadcrumb comparison with/wthout icons in VS Code

The top line has icons enabled, the bottom line has icons not enabled. This removes the icons from the file path but doesn't seem to remove icons that appear next to the symbols. This is specific to my setup, so you might see a slight variation in your own, depending on what kind of icons you're using.

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

VS Code Tools

VSCode Links — A VS Code extension that enables you to create custom links in VS Code that can link to files, websites, or even run commands.

Kodu AI — An AI pair programmer inside VS Code, powered by Anthropic's Claude, it assists both beginners and pros in coding, debugging, and more.

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

Comment Issues — A neat little VS Code extension that allows you to automatically link issue numbers in your code comments to your repository issues.

VS Code Theme of the Week

hackr-theme — A theme from the folks at Hackr.io (an online programming course paltform) described as "a sleek, blue-based color scheme designed to enhance your coding experience."

View Large Image

It uses calming blue tones that are intended to reduce eye strain. As you can see in the screenshot, I don't feel that the emphasis on 'blue' is all that much and it does seem that some of the green tokens stand out more than anything. The UI choices are in keeping with the blue theme though, so maybe that's the focus they were going for with the blue tones.

VS Code Articles

VS Code 1.95 (October 2024 Updates) — The latest updates to VS Code include Copilot Edits, multiple GitHub accounts, Copilot code reviews, settings indicator for Experimental and Preview settings, and more.

45 Visual Studio Code Shortcuts for Boosting Your Productivity — A monster of a post, but a well organized one that you may want to peruse. It's categorized and includes shortcuts for both Mac and Windows.

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

Here's What's Hauntingly Beautiful About VS Code — Not an article but a post on X by Freya Holmér describing what VS Code is in a true but humorous way.

Best of the Rest

PearAI — An open source AI code editor to supercharge your development with an up-to-date, curated inventory of the best AI tools, natively integrated for effortless AI-powered coding.

rnbw — An environment to design, build websites, apps, and design systems, built for the #nobuild, #localfirst era.

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

Tide.nvim — A Neovim plugin designed to streamline your workflow by helping you manage and quickly switch between frequently used files.

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