VS Codeのサイドバーのファイル一覧のガイドライン常時表示と色付け
当サイトはアフィリエイト広告を利用しています今日のライフハック
VS Codeのサイドバーのファイル一覧の階層を劇的に見やすく
page.jsが大量にあって、どの階層のpage.jsだよ！！
と突っ込みたくなったので調べました
‼️階層ガイド線を表示する設定方法
VS Codeの左下にある 歯車アイコン ⚙ をクリックし、[設定] を選択します。
(またはショートカットキー Cmd + , / Ctrl + ,)
上部にある検索バーに「tree indent guides」と入力します。
Workbench > Tree: Render Indent Guides という項目（または日本語で「ワークベンチ > ツリー: インデントガイドを描画します」）が表示されます。
この設定のドロップダウンが none や onHover になっていると思うので、これを always に変更します。
‼️さらに、その表示したインデントガイドラインに色を付けて見やすく↓↓
settings jsonに↓↓記述
"workbench.colorCustomizations": {
"tree.indentGuidesStroke": "#FFD700" // この色をお好みの色に変えてください
}以上！！
僕がWeb制作を学んだデイトラ
↓↓
Web制作以外にも、デザインやマーケティングのコースなどもあります
継続的に学習する意思があって、何でも他人任せにするようなひとでなければ、圧倒的低価格で、圧倒的実力が身に付きます
なんか、Adobe CCを学割価格で契約できるの見つけたんで貼っときます↓↓
