vscode 面包屑導航

面包屑，叫做 Breadcrumb，翻譯過來就是面包屑導航，主要是展示目前的代碼在整個工程里的路徑，同時你還能夠看出這個代碼所在位置的結構層級并且可以快速跳轉。這個功能相信你在瀏覽文檔類的網(wǎng)站時經常能看到，而在 VS Code 中你能夠看到則是當前的光標、在哪個符號或者函數(shù)里，然后是哪個文件中、在哪個文件夾下，等等。

不過，VS Code 在最近幾個月才添加了面包屑這個功能，并且默認是關閉的。要打開這個功能，我們需要“打開設置”（Open Settings），搜索 “breadcrumbs.enabled”，找到后將它打開。

在上圖中，從左到右，我們能夠看到一層一層文件夾的名字，然后是當前文件名，最后則是光標所在的函數(shù)的名字。我們可以通過點擊這個工具欄上的文字，然后進行文件夾、文件或者是函數(shù)的跳轉。

這里我還可以分享一點這個功能的技術細節(jié)，面包屑這個功能除了 UI 部分，它底層的服務其實都是早就存在的。就比如說在上面的截圖中，面包屑左側的文件結構，跟我們在資源管理器看到的是一樣的；右側的函數(shù)名之類的，則是來自語言服務提供的符號；至于在這些文件和符號之間的快速跳轉，更沒有超出我們在第七講 “如何快速在文件、符號、代碼之間跳轉？”里介紹的內容。

換句話說，面包屑的功能，可以當作一種新的文件、內容預覽和快速跳轉的方式。