令面板，我們?cè)谥暗膶W(xué)習(xí)過(guò)程中已經(jīng)多次使用了。命令面板是一個(gè)非常特殊的 UI 組件，假如說(shuō)你從來(lái)沒(méi)有用過(guò) VS Code 或者 Sublime 之類(lèi)的編輯器，第一次打開(kāi) VS Code 后，你可以無(wú)障礙地使用資源管理器、搜索等組件，因?yàn)樗鼈兪侵苯涌梢?jiàn)的。

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

F1 或者 Cmd + Shift + P打開(kāi)命令面板

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

Cmd + Shift + O打開(kāi)命令面板快速訪問(wèn)符號(hào)

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

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

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

刪除輸入框里的所有字符

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

在輸入框里輸入問(wèn)號(hào)

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

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

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

這幾個(gè)符號(hào)所對(duì)應(yīng)的命令我們?cè)谥暗奈恼轮幸呀?jīng)研究過(guò)，比較好記。輸入這些符號(hào)后，繼續(xù)輸入相應(yīng)內(nèi)容就可以對(duì)結(jié)果進(jìn)行搜索了。

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

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

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