経験知ロゴ

VS Codeのファイルツリーのインデントを変更する方法

※本ページはプロモーションが含まれています

VSCodeロゴ

VS Codeのファイルツリーのインデントが浅すぎて、ファイルの階層が分かりづらいです。

設定からインデントの幅をピクセル単位で設定できましたのでその方法を紹介します。

VS Codeのファイルツリーのインデントを変更する

ctrl + ,で設定画面を開き、検索欄に「tree indent」と入力し、「Tree Indent」の数字を変更。
Tree Indentの場所

数字を入力した直後にファイルツリーのインデントが即変更されるので、自分好みのインデントの深さを簡単に微調整できます。

僕は15pxにしました。

おわりに

ファイルの構造を視覚的に把握するにはインデントの深さはある程度あったほうが見やすいです。

自分なりに見やすいインデントにできたので満足しています。

役に立ったらこの記事のシェアをお願いします

ブログのフォロー・RSS購読は下記ボタンから