DEV Community

Discussion on: 🔥VSCode Breadcrumbs Are Here, And I Love 'em!

 
thebouv profile image
Anthony Bouvier

I like the new gif. Definitely more followable. Thanks.

Thread Thread
 
ahmadawais profile image
Ahmad Awais ⚡️

Glad you liked it! 💯

It's good feedback. I am sure you can find more likable gifs here twitter.com/i/moments/100331933585... (where I intend to collect all these tips). Which will also explain that all my tips are not actually that fast. Today was an exception. But anything's better than nothing after two weeks of fever-down-time.

Thread Thread
 
moopet profile image
Ben Sinclair

I've arrived a little later - I don't know exactly what changes you've made to the article, but I came to the comments because I was going to ask what was going on in that (new) gif. I don't understand what breadcrumbs represent in the context of VSCode. I mean, I know what breadcrumbs are in an app or a webpage, but I can't gather what they're showing from that gif. Are they files you've been in where something has led you to another file? Are they the route you took through nested function calls? A combination? What if there are multiple routes?

Is this just the jumplist I'm used to in Vim but presented as a series of tabs? I don't know!

Thread Thread
 
ahmadawais profile image
Ahmad Awais ⚡️

I have added another section to the post.

What Are Breadcrumbs in the Context of VSCode?!

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 breadcrumbs.enabled setting.

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…