44
46

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

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

Last updated at Posted at 2018-04-04

変更後の参考画像

参考

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:
44
46
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
44
46

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?