毫無(wú)疑問(wèn)，微軟的 VS Code是最好的開(kāi)源代碼編輯器之一^[1]。它與傳說(shuō)中的 Vim 不同，VS Code 不需要你是一個(gè)快捷鍵大師（LCTT 譯注：以下都指鍵盤快捷鍵），開(kāi)發(fā)者們對(duì)它大部分的功能都及其熟悉，且推崇備至。

但這并不意味著你不能成為快捷鍵大師，或者說(shuō)你在 VS Code 中不應(yīng)該使用快捷鍵。

在敲代碼的時(shí)候，你可能需要用鼠標(biāo)去執(zhí)行其他的動(dòng)作，比如在 VS Code 編輯器中切換終端，而此時(shí)你的代碼流程會(huì)被打斷，這是不是很討厭？如果是的，那么你應(yīng)該立即熟記下面這些 VS Code 有用的快捷鍵。

它不僅能幫助你擺脫鼠標(biāo)，還能使你的生產(chǎn)力和工作效率得到提高。

那么，讓我們來(lái)了解一下如何通過(guò)使用快捷鍵快速進(jìn)行代碼導(dǎo)航來(lái)進(jìn)行快速編碼。

有用的 VS Code 快捷鍵

免責(zé)聲明。下面的這些快捷鍵是我在 VS Code 的使用中發(fā)現(xiàn)的較為有用的，你可以根據(jù)你的需要來(lái)發(fā)現(xiàn)更多有用的快捷鍵。

下面我還給出了 MacOS 用戶的鍵盤快捷鍵。

1、顯示所有命令

我們從最有用的快捷鍵開(kāi)始，這個(gè)快捷鍵能打開(kāi)命令面板（列表），它提供了對(duì) VS Code 所有功能的訪問(wèn)。

這是一個(gè)非常重要的 VS Code 快捷鍵，因?yàn)榧词鼓阃浟嘶虿幌胗浧鹌渌魏慰旖萱I，但你記得這個(gè)，那么你仍然可以使用命令面板進(jìn)行各種操作，如創(chuàng)建新文件、打開(kāi)設(shè)置、改變主題，還可以查看所有快捷鍵。

2、垂直和水平拆分 VS Code 編輯器

為了提高效率，但你又沒(méi)有安裝多個(gè)顯示器，那么你可以通過(guò)水平或垂直分割 VS Code 的編輯器來(lái)一次查看多個(gè)文件的代碼。

要在多個(gè)編輯區(qū)間切換焦點(diǎn)，你可以使用數(shù)字鍵或箭頭鍵。

3、切換集成終端

VS Code 中的集成終端是一個(gè)非常方便的功能，它可以讓你在不切換窗口的情況下快速執(zhí)行任務(wù)。要在編輯器中顯示/隱藏終端，下面的快捷鍵會(huì)非常方便。

但是，如果你跟我一樣覺(jué)得 CTRL 在鍵盤的角落位置而比較難按到，你可以打開(kāi)命令面板執(zhí)行View: Toggle Terminal` 命令來(lái)切換終端。

使用命令面板切換終端

4、轉(zhuǎn)到文件

隨著項(xiàng)目的壯大，查找文件可能會(huì)變得困難。因此，我建議，即使你使用鼠標(biāo)，這個(gè)命令也能為你節(jié)省很多搜索和導(dǎo)航到版本庫(kù)中的文件的時(shí)間。

5、轉(zhuǎn)到行

當(dāng)你找到文件，你可能需要去到文件中指定的行增加或編輯代碼，而如果這個(gè)文件包含了數(shù)千行代碼，那么滾動(dòng)代碼將會(huì)浪費(fèi)你大量的時(shí)間。而 CTRL G 或 ^ G 快捷鍵能讓你快速的去掉指定的行。

另外，你也可以使用上面的轉(zhuǎn)到文件的快捷鍵，在輸入框中輸入冒號(hào) : 加行號(hào)，結(jié)果就跟轉(zhuǎn)到行是一樣的。

6、在整個(gè)項(xiàng)目中搜索

很可能你需要在整個(gè)項(xiàng)目中搜索一個(gè)文本、變量或函數(shù)，在這種情況下，上面的命令就非常方便，它會(huì)在側(cè)邊欄顯示一個(gè)搜索輸入框。

我們還可以在搜索的時(shí)候添加一些過(guò)濾器，比如使用 ALT C 來(lái)啟用大寫匹配，ALT W 用于匹配整個(gè)單詞，ALT R 用于啟用正則表達(dá)式。

7、禪模式

想要在不受干擾的環(huán)境中工作以保持更專注？你可以試試禪模式（先按下 CTRL K，再按下 Z），它會(huì)隱藏所有 UI（狀態(tài)欄、活動(dòng)欄、面板和側(cè)邊欄）并僅在全屏上顯示編輯器。

要啟用禪模式，你可以使用上面的快捷鍵或者打開(kāi)命令面板執(zhí)行 View: Toggle Zen Mode，要退出禪模式，你可以按兩次 Esc 鍵。

8、將選擇添加到下一次匹配中

這條命令能讓你選擇所選文本的下一個(gè)出現(xiàn)的地方，從而進(jìn)行編輯。如果下一個(gè)匹配出現(xiàn)的位置與第一個(gè)相離較遠(yuǎn)，那這將會(huì)很方便處理。

9、切換行注釋

將光標(biāo)移到行的開(kāi)頭，然后添加雙斜杠進(jìn)行注釋，這種麻煩的操作我們可以用上面的快捷鍵來(lái)代替了。

甚至，如果你想注釋多行代碼，你可以先通過(guò) SHIFT UP/Down 快捷鍵來(lái)選中多行，然后按 CTRL / 快捷鍵進(jìn)行注釋。

10、轉(zhuǎn)到文件的開(kāi)頭或結(jié)尾

如果你迷失在文件的中間位置，該命令可以讓你快速達(dá)到文件的起點(diǎn)或終點(diǎn)。

11、代碼折疊或打開(kāi)

這也是最有用的快捷鍵之一，它可以幫助你折疊/取消折疊一個(gè)區(qū)域的代碼。通過(guò)這種方式，你可以隱藏不必要的代碼，每次只查看所需的部分代碼，以便更加專注和快速編碼。

12、窺視執(zhí)行

這個(gè)快捷鍵最有可能的作用是幫助你進(jìn)行代碼分析，或修復(fù) bug 時(shí)了解函數(shù)和變量的運(yùn)行情況。

13、刪除當(dāng)前行

這是一條可以快速執(zhí)行，選中當(dāng)前行并按刪除/退格鍵，這兩個(gè)任務(wù)的簡(jiǎn)單命令。

14、查找與替換

用一個(gè)新的文本替換文件中所有出現(xiàn)的該文本的最好方法是什么？如果你手動(dòng)一個(gè)一個(gè)的通過(guò)滾動(dòng)代碼來(lái)處理，且如果需要替換的地方又很多，那么你可能會(huì)花費(fèi)大量的時(shí)間。

而使用查找和替換功能我們能在幾秒內(nèi)完成相同的任務(wù)。你可以用兩個(gè)快捷鍵來(lái)打開(kāi)它，其中一個(gè)實(shí)際上是打開(kāi)用于查找文本的輸入框，另一個(gè)用于輸入新的文本。

15、VS Code 的全部鍵盤快捷鍵

最后，如果你還在為記住上述所有的快捷鍵而苦惱，你大可不必。因?yàn)槟憧梢允褂蒙厦娴目旖萱I查看編輯器所有可用的命令。

你還可以根據(jù)自己的喜好編輯命令的綁定鍵。

想要為 VS Code 添加更多快捷鍵？

如果你想對(duì) VS Code 的快捷鍵有完整的了解，你可以查看 VS Code 的 文檔^[2]。

或者，如果你想在紙上將所有快捷鍵打印出來(lái)慢慢看，下面這些是各個(gè)系統(tǒng)對(duì)應(yīng)的快捷鍵速查表：Linux^[3]、macOS^[4] 和 Windows^[5]。

參考資料