vscode 面包屑（breadcrumbs）是什么，如圖，就是代碼文件上的 代碼導航欄

Visual Studio Code(代碼編輯器) v1.79.2 32位 官方中文免費綠色版

• 類型：編譯工具
• 大小：118MB
• 語言：簡體中文
• 時間：2023-06-18

查看詳情

為什么要使用面包屑?

• 可以快速地瀏覽代碼，在代碼中跳轉，在長代碼、長文檔中還可以充當目錄的功能

如何開啟面包屑?

ctrl + shift + p ，輸入 setting，勾選面包屑

如何高效的使用面包屑?

使用快捷鍵，而不使用鼠標!! 進入快捷鍵列表（ctrl k + ctrl s），搜索 breadcrumbs 可以看到所有快捷鍵（注意 下圖中的 ctrl h/j/k/l 不是原生的快捷鍵，是后面添加的，后文中有講到）

面包屑的基本操作

• Ctrl + Shift + . 打開并聚焦在 面包屑的選擇上
• Ctrl + Shift + ；打開面包屑（不展開子項目）
• 上下左右 鍵: 在面包屑中跳轉，Ctrl + 上下左右鍵 能在父層級中跳轉（不知道怎么表述合適一點...）
• Ctrl + N / P : 類似于上下鍵（推薦，這樣手就不需要離開鍵盤去點右邊的上下鍵了）
• Space: 展開子項目
• Enter: 跳轉到選擇的位置
• Ctrl + Enter: 在新頁面中，跳轉到選擇的位置
• Esc: 退出面包屑

此外，通過 Ctrl + shift + . 聚焦在面包屑欄后，直接鍵入 字母 可以搜索匹配項，然后上下鍵或Ctrl N/P 就可以在匹配項中跳轉了

VIM 綁定設置

如果你習慣vim，那么可以通過在 keybinding.json 中加入如下配置，使用 ctrl h/j/k/l 在面包屑中跳轉

{
        "key": "ctrl+h",
        "command": "breadcrumbs.focusPrevious",
        "when": "breadcrumbsActive && breadcrumbsVisible"
    },
    {
        "key": "ctrl+j",
        "command": "list.focusDown",
        "when": "breadcrumbsActive && breadcrumbsVisible"
    },
    {
        "key": "ctrl+k",
        "command": "list.focusUp",
        "when": "breadcrumbsActive && breadcrumbsVisible"
    },
    {
        "key": "ctrl+l",
        "command": "breadcrumbs.focusNext",
        "when": "breadcrumbsActive && breadcrumbsVisible"
    }

vscode官方文檔對面包屑的介紹：點擊了解

以上就是vscode面包屑的使用技巧，希望大家喜歡，請繼續關注腳本之家。

相關推薦：

VSCode重復屬性怎么提醒? VisualStudioCode設置重復屬性錯誤的技巧

VSCode怎么創建多光標? vscode多光標操作方法

總結

以上是生活随笔為你收集整理的vscode面包屑是什么? vscode面包屑的使用技巧(js 面包屑)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。