vscode面包屑是什么? vscode面包屑的使用技巧

vscode 面包屑(breadcrumbs)是什么,如圖,就是代碼文件上的 代碼導(dǎo)航欄
為什么要使用面包屑?
- 可以快速地瀏覽代碼,在代碼中跳轉(zhuǎn),在長(zhǎng)代碼、長(zhǎng)文檔中還可以充當(dāng)目錄的功能
如何開(kāi)啟面包屑?
ctrl + shift + p ,輸入 setting,勾選面包屑
如何高效的使用面包屑?
使用快捷鍵,而不使用鼠標(biāo)!! 進(jìn)入快捷鍵列表(ctrl k + ctrl s),搜索 breadcrumbs 可以看到所有快捷鍵(注意 下圖中的 ctrl h/j/k/l 不是原生的快捷鍵,是后面添加的,后文中有講到)
面包屑的基本操作
- Ctrl + Shift + . 打開(kāi)并聚焦在 面包屑的選擇上
- Ctrl + Shift + ;打開(kāi)面包屑(不展開(kāi)子項(xiàng)目)
- 上下左右 鍵: 在面包屑中跳轉(zhuǎn),Ctrl + 上下左右鍵 能在父層級(jí)中跳轉(zhuǎn)(不知道怎么表述合適一點(diǎn)...)
- Ctrl + N / P : 類似于上下鍵(推薦,這樣手就不需要離開(kāi)鍵盤(pán)去點(diǎn)右邊的上下鍵了)
- Space: 展開(kāi)子項(xiàng)目
- Enter: 跳轉(zhuǎn)到選擇的位置
- Ctrl + Enter: 在新頁(yè)面中,跳轉(zhuǎn)到選擇的位置
- Esc: 退出面包屑
此外,通過(guò) Ctrl + shift + . 聚焦在面包屑欄后,直接鍵入 字母 可以搜索匹配項(xiàng),然后上下鍵或Ctrl N/P 就可以在匹配項(xiàng)中跳轉(zhuǎn)了
VIM 綁定設(shè)置
如果你習(xí)慣vim,那么可以通過(guò)在 keybinding.json 中加入如下配置,使用 ctrl h/j/k/l 在面包屑中跳轉(zhuǎn)
{ "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官方文檔對(duì)面包屑的介紹:點(diǎn)擊了解
以上就是vscode面包屑的使用技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
VSCode重復(fù)屬性怎么提醒? VisualStudioCode設(shè)置重復(fù)屬性錯(cuò)誤的技巧
VSCode怎么創(chuàng)建多光標(biāo)? vscode多光標(biāo)操作方法
相關(guān)文章
- vs Code怎么設(shè)置面包屑顯示代碼單元?vs Code面包屑想要顯示代碼單元,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程2023-06-25
VS Code 1.79 版本發(fā)布: 添加只讀模式/改善 Markdown 功能
VS Code 1.79 版本發(fā)布,這個(gè)版本增添了一些可以讓開(kāi)發(fā)工作更方便的功能,像是只讀模式,強(qiáng)化粘貼功能,同時(shí)也會(huì)幫開(kāi)發(fā)者自動(dòng)復(fù)制外部文件,詳細(xì)請(qǐng)看下文介紹2023-06-14VS Code自動(dòng)轉(zhuǎn)發(fā)端口在哪? VSCode開(kāi)啟自動(dòng)轉(zhuǎn)發(fā)端口的技巧
VS Code自動(dòng)轉(zhuǎn)發(fā)端口在哪?VS Code中可以開(kāi)啟自動(dòng)轉(zhuǎn)發(fā)端口,該怎么設(shè)置呢?下面我們就來(lái)看看VSCode開(kāi)啟自動(dòng)轉(zhuǎn)發(fā)端口的技巧2023-06-12vscode怎么設(shè)置恢復(fù)轉(zhuǎn)發(fā)的端口?
Visual Studio Code怎么設(shè)置恢復(fù)轉(zhuǎn)發(fā)的端口?vscode編輯代碼的時(shí)候,想要恢復(fù)在工作區(qū)中轉(zhuǎn)發(fā)的端口,該怎么操作呢?下面我們就來(lái)看看詳細(xì)的設(shè)置圖文教程2023-06-12VS Code中g(shù)it怎么取消使用提交輸入作為隱藏消息?
VS Code中g(shù)it怎么取消使用提交輸入作為隱藏消息?設(shè)置方法很簡(jiǎn)單,不常用,很多朋友找不到,下面我們就來(lái)看看詳細(xì)的圖文教程2023-06-12vscode中g(shù)it怎么設(shè)置未追蹤的變化?
vscode中g(shù)it怎么設(shè)置未追蹤的變化?想要改進(jìn)的未跟蹤文件管理,在哪里設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程2023-06-07VSCode怎么對(duì)租約使用強(qiáng)制推送? VSCode中g(shù)it開(kāi)啟使用帶租約強(qiáng)制推送技
VSCode怎么對(duì)租約使用強(qiáng)制推送?這個(gè)功能不是很常用,很多朋友不知道在哪里開(kāi)啟,下面我們就來(lái)看看VSCode中g(shù)it開(kāi)啟使用帶租約強(qiáng)制推送技巧2023-05-25VSCode怎么關(guān)閉啟用格式? Visual Studio Code關(guān)閉啟用格式的技巧
VSCode怎么關(guān)閉啟用格式?這都是基礎(chǔ)設(shè)置,但有些朋友找不到設(shè)置位置,下面我們就來(lái)看看Visual Studio Code關(guān)閉啟用格式的技巧2023-04-20VS Code中g(shù)it關(guān)閉需要git用戶配置的詳細(xì)設(shè)置教程
VS Code中g(shù)it怎么關(guān)閉需要git用戶配置?這是基礎(chǔ)設(shè)置,下面我們就來(lái)看看詳細(xì)的圖文設(shè)置教程2023-04-04VSCode中g(shù)it開(kāi)啟同步時(shí)重設(shè)基址的詳細(xì)教程
VSCode中g(shù)it怎么開(kāi)啟同步時(shí)重設(shè)基址?想要強(qiáng)制git在運(yùn)行sync命令時(shí)使用rebase,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)教程2023-03-30