VSCode: ツリー構造のインデントを見やすくする方法

VSCodeは最も広く知られたエディタの1つですね。
ただ、開発ファイルが増えて階層が深くなるとファイルエクスプローラーのインデントが見にくくなり、開いたファイルがどの位置にあるのかが分かりづらくなりがちです。

そこで、インデントをわかりやすくする方法として階層をカラーリングしてくれる設定を紹介します。

tree.indentGuidesStrokeでカラーリングを追加

1. cmd(ctl)+Shift+P でコマンドパレットを開く
2. Open Settings (JSON) を選択、JSONファイルが開く
3. 以下の内容を追加

setting.json

"workbench.colorCustomizations": {
		"tree.indentGuidesStroke": "#ffffff"
	}

もちろんカラーコードは任意のものでOKです。

設定、保存後、一度VSCodeを落とし、再起動させるとツリー構造のインデントが見やすくなっていると思います。

before:

after(tree.indentGuidesStroke に#ab34ebを設定):