🔥VSCode 面包屑在这里,我喜欢它们!

2025-06-07

🔥VSCode 面包屑在这里,我喜欢它们!

Visual Studio Code 的最新版本v1.26今天发布,其中包含许多出色的新功能。其中,还包括一个很棒的新功能“面包屑导航”。

图像

VSCode 上下文中的面包屑是什么?!

通过面包屑导航,您可以从顶部跳转到工作区中的符号和文件,而无需使用文件资源管理器 - 这对于小屏幕最有帮助。

编辑器现在在其内容上方添加了一个导航栏 - 我们称之为“面包屑”。它显示当前位置,并允许您在符号和文件之间快速导航。要开始使用面包屑,请使用“视图”>“切换面包屑”命令或通过breadcrumbs.enabled设置启用它。

使用编辑器标签页(默认)时,面包屑导航会显示在编辑器标题下方的单独一行中。如果您未使用编辑器标签页,面包屑导航会显示为标题旁边的交互式文件路径。更多...

我喜欢这个新功能,因为我以后会越来越少用到浏览器侧边栏。这样就能腾出更多屏幕空间来写好旧代码了。通过这个设置启用它们吧"breadcrumbs.enabled": true

要与面包屑交互,请使用 Focus Breadcrumbs 命令或按SHIFT (⇧)+ COMMAND (⌘)+PERIOD (.)并使用箭头键ARROW KEYS (←/→)移动。

🥖 VSCode 面包屑导航技巧

我在下面的提示中分享了更多详细信息:

🦄紫色色调v2.5

新的面包屑功能是可自定义样式的,每个优秀的主题都应该为其添加样式,否则看起来会很奇怪。在此毫不客气地打个广告,我是 VSCode 主题 🦄 Shades of Purple →的作者,目前约有 15,000 名开发者在使用这个主题。

我尽量让它随着 VSCode 的每一个主要版本更新,所以到目前为止已经有 50 多个版本了。在“紫色阴影”v2.5更新中,有两个主要更新:

  • 🎨 VSCode 面包屑样式
  • 🗂 即将推出的 VSCode 设置编辑器的样式,目前处于预览状态,但其样式符合 🦄紫色主题 →

使用🦄紫色调的开发者

平安!✌️

文章来源:https://dev.to/vscode/vscode-breadcrumbs-are-here-jkn
PREV
如何评估你的工作,就像你知道自己在做什么一样
NEXT
如何设计几乎所有的 UI 元素。精选 58 篇文章。