vscode 折疊代碼快捷鍵

我們?cè)賮硪黄鹂匆幌掠心男┱郫B和展開代碼的快捷鍵。首先是折疊和展開代碼的兩個(gè)快捷鍵。

VSCode折疊代碼的基本使用，請(qǐng)參考VSCode折疊代碼。

當(dāng)我們按下 “Cmd + Option + 左方括號(hào)”（Windows 上是 Ctrl + Shift + 左方括號(hào)），當(dāng)前光標(biāo)所處的最內(nèi)層的、可以被折疊的代碼就會(huì)被折疊起來。請(qǐng)注意，我們?cè)谶@里加了兩個(gè)限制條件，“最內(nèi)層”和“可以被折疊”。我們可以先用下面一個(gè)小例子來理解這兩個(gè)條件。

for (var i = 0; i < 5; i++) {
if (true) {
console.log(false);
}
}

JavaScript

在這段代碼里，最外層是一個(gè)循環(huán)語(yǔ)句，內(nèi)層則是一個(gè)條件語(yǔ)句。當(dāng)我們把光標(biāo)放在第三行，所對(duì)應(yīng)的這個(gè)條件語(yǔ)句就是最內(nèi)層且可以被折疊的代碼。

相對(duì)應(yīng)的，展開最內(nèi)層的、可以被展開的代碼塊的快捷鍵則是 “Cmd + Option + 右方括號(hào)”（Windows 上是 Ctrl + Shift + 右方括號(hào)）。當(dāng)然，若能記住前面那個(gè)快捷鍵，那這個(gè)也就不難被記住了。

如果我們想把從當(dāng)前光標(biāo)位置開始，一直到最外層的，所有可以被折疊的部分遞歸地折疊起來，該使用什么快捷鍵呢？這時(shí)我們需要依次按下 “Cmd + K ”“Cmd + 左方括號(hào)”（Windows 上是 Ctrl + K、Ctrl + 左方括號(hào)）。而至于如何遞歸地展開，不用問你肯定也知道，是：依次按下“Cmd + K ”“Cmd + 右方括號(hào)”。

那如果我們想把當(dāng)前編輯器里的所有可以被折疊的代碼一次性全部折疊起來，該怎么操作呢？這時(shí)我們只需依次按下 “Cmd + K”“Cmd + 0”（Windows 上是 Ctrl + K，Ctrl + 0）即可。而全部展開它們則是依次按下 “Cmd + K”“Cmd + J” （Windows 上是 Ctrl + K，Ctrl + J）。不過，平心而論，我覺得這兩個(gè)快捷鍵的設(shè)置并不是很友好，若你也覺得這樣，那你也可以摒棄它們，然后在命令面板中綁定自己喜歡的快捷鍵。

上面我們介紹了可折疊代碼的層級(jí)關(guān)系，以及如何折疊最內(nèi)層的代碼。當(dāng)你在命令面板里搜索“折疊” （Fold）時(shí)，相信你也看到了“折疊級(jí)別 1” “折疊級(jí)別2” 等等，你可以想一想，它們的作用是什么？又可以用于哪些場(chǎng)景呢？