Visual Studio Code's latest release
v1.26 dropped today and it's filled with great new features. And there's a nifty new feature of Breadcrumbs.
A breadcrumb navigation lets you jump to symbols and files in your workspace from the top without having to mess around with the file explorer — most helpful for small screens.
The editor now has a navigation bar above its contents - we call it Breadcrumbs. It shows the current location and allows you to quickly navigate between symbols and files. To start using breadcrumbs, enable it with the View > Toggle Breadcrumbs command or via the
When using editor tabs (default), breadcrumbs are displayed in a separate row below the editor title. If you are not using editor tabs, breadcrumbs show as an interactive file path next to the title. More…
I love this new feature coz I will be using less and less of the explorer sidebar. More screen space for good old code. Enable them by this setting
To interact with breadcrumbs, use the Focus Breadcrumbs command or press SHIFT (⇧) + COMMAND (⌘) + PERIOD (.) and use arrow keys ARROW KEYS (←/→) to move around.
I have shared more details in the tips below:
- ✅ VSCode.pro/tip/15 → (Enable breadcrumbs in VSCode)
- ✅ VSCode.pro/tip/16 → (Shortcuts/Iteration tips & tricks)
The new breadcrumbs feature is stylable and every good theme should have it styled or it would look weird. Shameless plug here, I am the author of a VSCode theme called 🦄 Shades of Purple → which is being used by ~15,000 developers.
I try to keep it updated with every single VSCode major release, which is why there are 50+ releases so far. In the Shades of Purple
v2.5 update two major updates are:
- 🎨 Styles for VSCode Breadcrumbs
- 🗂 Styles for the upcoming VSCode Settings editor that's in preview at the moment, but it's styled in accordance with the 🦄 Shades of Purple theme →