2022年05月12日 更新

VSCodeの折り畳み機能を使うとコードが見やすくなって便利!

どうも、クラゲジュニアです。
VSCodeの標準機能である折り畳み・展開機能を使うと全体が俯瞰しやすくなり便利です。

事例

様々なプログラミング言語の種類に応じて自動的に折りたたみ範囲を認識してくれます。ここでは3つ紹介します。

HTML

divタグを折りたたんでいる例です。複数行に書かれた「開始タグ」~「終了タグ」までを折りたためます。

Python

関数のdefをまとめて折りたたんでいる例です。他にもclasswhileなどインデントを含むブロックを折りたためます。

Markdown

見出しの##をまとめて折りたたんでいる例です。Markdownの見出し全般をまとめて折りたためます。

ショートカット

マウスで全ての箇所をポチポチとクリックするのが面倒な場合にショートカットキーが使えます。ショートカットの種類はたくさんありますが、代表的な2つのみ紹介します。

全て折りたたむ

Ctrlを押しながら、Kを押した後に0

全て展開

Ctrlを押しながら、Kを押した後にJ

以上です。