ドローイング空間

3D-CADを中心に、雑多なことをかいています。

Visual Studio Codeのファイル表示を少しカラフルにするアイコン表示の拡張機能

広告

Visual Studio Codeのサイドメニューにファイルを表示するときアイコン表示を追加します。機能面では変化ありませんが、 ファイルの種類を確認しやすくなる、そして、Visual Studio Codeがカラフルになる効果があります。

アイコン表示を追加する機能には、いくつかのものがあります。 好みに合わせて利用するとVisual Studio Codeが少しカラフルになります。

 

インストール

VSCode Great Iconsをインストールします。

f:id:kukekko:20161104151214p:plain

MarketPlace内の「VSCode Great Icons」の説明

「VSCode Great Icons」のGitHub

サイドメニューから、拡張機能を選び、検索窓に「icon」を入力します。すべて、アイコン・テーマの拡張機能と思われます。

f:id:kukekko:20161104151233p:plain

リストから、「VSCode Great Icons」を探し、「インストール」をクリックします。

f:id:kukekko:20161104151241p:plain

使ってみる

「ファイル」→「基本設定」→「ファイルアイコンのテーマ」を選択します。

f:id:kukekko:20161104151310p:plain

リストにインストールした「VSCode Great Icons」が表示されているので選択します。

f:id:kukekko:20161104151321p:plain

サイドメニューのエクスプローラーで開いた際、今まで、ファイル表示にはアイコン表示がありませんでした。

f:id:kukekko:20161104151330p:plain

アイコンが表示されました。

f:id:kukekko:20161104151339p:plain

アイコンテーマは、たくさん公開されているので、お好きなものを選んで、Visual Studio Codeを少しカラフルにしてみましょう。

上部のタブに表示されるファイル名の左側にもアイコンが表示されます。

f:id:kukekko:20161104151350p:plain

 

kukekko.hatenablog.com