vscode 命令面板

令面板，我們在之前的學(xué)習(xí)過程中已經(jīng)多次使用了。命令面板是一個(gè)非常特殊的 UI 組件，假如說你從來沒有用過 VS Code 或者 Sublime 之類的編輯器，第一次打開 VS Code 后，你可以無障礙地使用資源管理器、搜索等組件，因?yàn)樗鼈兪侵苯涌梢姷摹?/p>

但是沒有任何提示的話，你可能很長時(shí)間都不會發(fā)現(xiàn)命令面板。雖然它的可發(fā)現(xiàn)性（discoverability）不太好，但也是 VS Code 最重要的組件之一。在我看來，它是一個(gè)基于文本的交互界面。怎么理解這句話呢？你可以先通過快捷鍵 F1 或者 Cmd + Shift + P 打開命令面板，打開之后，命令面板的輸入框里已經(jīng)有一個(gè)字符：>（大于號） 。

F1 或者 Cmd + Shift + P打開命令面板

你可能會好奇，這個(gè)大于號是干嘛用的呢？你可以回想一下在前面“編輯器 —> 快速代碼跳轉(zhuǎn)”文章里介紹的快速訪問文件中的符號 ，當(dāng)你按下 Cmd + Shift + O （Windows 上是 Ctrl + Shift + O）打開了命令面板，控制面板顯示了當(dāng)前文件里的所有符號，此時(shí)輸入框里的第一個(gè)字符是 @。

Cmd + Shift + O打開命令面板快速訪問符號

看到這里你應(yīng)該猜到了，命令面板是根據(jù)輸入框里的第一個(gè)字符來決定提供什么功能的。你甚至不難猜出 VS Code 是怎么實(shí)現(xiàn)命令面板的，VS Code 會先處理輸入框里的文本，然后根據(jù)第一個(gè)字符來選擇不同的處理方案。

如果第一個(gè)符號是>（大于號），那么就提供所有的命令。當(dāng)你繼續(xù)輸入字符時(shí)，VS Code 就會在所有命令里進(jìn)行搜索；如果第一個(gè)字符是@，那么就掃描當(dāng)前文件，提供所有的符號。

那么命令面板里一共支持多少不同的功能呢？這里你可以把輸入框里的所有字符全部刪掉，看看 VS Code 給你的提示。

刪除輸入框里的所有字符

當(dāng)輸入框里沒有任何的字符時(shí)，命令面板提供的功能是訪問最近使用的文件。同時(shí)你會在輸入框內(nèi)看到一段提示文字：鍵入 “？”從此處獲取有關(guān)可進(jìn)行的操作的幫助。接下來，你就依照這個(gè)提示，輸入問號。

在輸入框里輸入問號

緊接著你就可以看到十幾條選項(xiàng)，分別代表著你能在命令面板里使用的不同的功能。雖然有十幾條選項(xiàng)，但是記住它們并不是太難。

首先是幾個(gè)符號：

• >（大于號） ，用于顯示所有的命令。
• @ ，用于顯示和跳轉(zhuǎn)文件中的“符號”（Symbols），在@符號后添加冒號：則可以把符號們按類別歸類。
• # 號，用于顯示和跳轉(zhuǎn)工作區(qū)中的“符號”（Symbols）。
• ：（冒號）， 用于跳轉(zhuǎn)到當(dāng)前文件中的某一行。

這幾個(gè)符號所對應(yīng)的命令我們在之前的文章中已經(jīng)研究過，比較好記。輸入這些符號后，繼續(xù)輸入相應(yīng)內(nèi)容就可以對結(jié)果進(jìn)行搜索了。

剩下的都是英文單詞或者縮寫，知道它們的含義后就可以輕松掌握了：

• edt 是 edit（編輯）的縮寫，輸入 edt 和一個(gè)空格，命令面板就會顯示所有已經(jīng)打開的文件；而edt active則只會顯示當(dāng)前活動組中的文件。
• ext 是 extension（插件）的縮寫，輸入 ext 和一個(gè)空格，就可以進(jìn)行插件的管理；ext install 則可以在命令面板中搜索和安裝插件。
• task和debug 分別對應(yīng)于任務(wù)和調(diào)試功能。這兩個(gè)功能的使用我會在之后的章節(jié)中詳細(xì)講解。
• term 是 terminal（終端）的縮寫，你可以用這個(gè)命令來創(chuàng)建和管理終端實(shí)例。
• view 則是用于打開 VS Code 的各個(gè) UI 組件。

跟前面符號不同的是，在輸入某個(gè)英文縮寫的前綴后，你還需要輸入一個(gè)空格鍵，然后這個(gè)功能就被自動執(zhí)行了。同時(shí)，你能夠繼續(xù)輸入字符，在這個(gè)功能執(zhí)行的結(jié)果里面進(jìn)行搜索。