JavaScript
VSCode

VSCodeのファイルエクスプローラーのtreeを見やすくする

変更後の参考画像

参考

TL;DR

Macでの手順

  • vscode-custom-cssをVSCodeにインストール
  • ~/.vscode/css/tree.cssこのgistのstyle.cssの中身をコピペ
  • VSCodeのPreferences > Settingsを開いて↓の設定を追記
    • [IMPORTANT]URLではなくローカルファイルの指定にはfile://から始める必要があることに注意
    • {{YourUserName}}は自分のユーザー名に置き換えてください
"vscode_custom_css.imports": [
  "file:///Users/{{YourUserName}}/.vscode/css/tree.css"
]
  • VSCodeでF1を押してコマンドパレットを開き Enable Custom Css and JSと入力して実行
  • VSCodeを再起動
  • "Your VS Code is corrupted"とメッセージが出たら “Don't show again”をクリックして消す
    • 無視していいものだそうです
  • :tada: