vscode 折疊代碼快捷鍵

我們再來一起看一下有哪些折疊和展開代碼的快捷鍵。首先是折疊和展開代碼的兩個快捷鍵。

VSCode折疊代碼的基本使用，請參考VSCode折疊代碼。

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

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

JavaScript

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

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

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

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

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