vscode 面包屑導(dǎo)航

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

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

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

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

換句話說，面包屑的功能，可以當(dāng)作一種新的文件、內(nèi)容預(yù)覽和快速跳轉(zhuǎn)的方式。