【Visual Studio Code】フォルダとファイルにアイコンを付ける方法

Visual Studio Codeはとても使いやすいエディタですが、フォルダ・ファイル数が増えたり階層が深くなるとパッと見で少し分かりづらいです。

そんな悩みを抱えるエンジニアにおすすめのプラグイン「vscode-icons」は、インストールするだけで以下の画像のようにフォルダやファイルにアイコンが付き、見やすい構成に変化させることができます。

vscode-iconsインストール前
vscode-iconsインストール後
目次

vscode-icons

Visual Studio Codeのフォルダとファイルにアイコンを付けるには、拡張機能の「vscode-icons」をインストールします。

vscode-iconsインストール手順
インストール手順
  1. 左下にあるテトリスのような形をしたアイコン(拡張機能)をクリック
  2. 検索フォームに「vscode-icons」を入力
  3. 検索結果の一番上に表示される「vscode-icons」をインストール

インストールしてもアイコンが付かない人は、再起動または再インストールを試してください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次