开启Breadcrumbs功能可提升导航效率：通过设置启用后，编辑器顶部显示路径层级，支持文件路径与代码符号跳转，结合快捷键实现快速定位。
VSCode 的 Breadcrumbs（面包屑导航）能帮你快速理解当前文件在项目中的位置，并实现高效跳转。尤其在嵌套深、结构复杂的项目中，合理使用它可大幅提升导航效率。
开启并定位 Breadcrumbs
Breadcrumbs 默认可能未开启，需手动启用：
- 打开设置（Ctrl + ,），搜索 Breadcrumbs
- 勾选 Editor > Breadcrumbs: Enabled
- 开启后，导航条会出现在编辑器顶部，显示路径层级
你也可以通过菜单栏：View → Show Breadcrumbs 启用。
通过文件路径快速跳转
Breadcrumbs 显示从项目根目录到当前文件的完整路径：
- 点击任意层级的文件夹，可快速打开该目录下的文件浏览视图
- 直接选择上级目录中的文件，无需返回资源管理器
- 适合在 src/components/layout/header/index.js 这类深层路径中快速回退
结合符号结构精准定位代码位置
除了文件路径，Breadcrumbs 还支持显示代码结构（如函数、类、方法）：
- 在 JavaScript、TypeScript 或 Python 文件中，右侧会列出当前作用域的符号
- 点击某个函数或类名，编辑器立即跳转到对应定义处
- 特别适用于长文件中快速定位特定方法
比如在一个包含多个组件的 .vue 或 .tsx 文件中，可通过符号跳转直达某个组件定义。
快捷键提升操作效率
配合快捷键，操作更流畅：
- Alt + Shift + Left/Right：在 Breadcrumbs 路径中左右切换焦点
- Enter：进入选中的路径节点
- Esc：退出路径选择模式
熟练使用后，几乎不用鼠标就能完成路径跳转。
基本上就这些。开启 Breadcrumbs 后，多在实际项目中练习点击和跳转，很快就能适应这种高效的导航方式。不复杂但容易忽略的小功能，却能在日常开发中节省大量时间。
