vscode material icon theme herunterladen – vscode material icon theme Quellcode herunterladen

vscode material icon theme

Anderer Quellcode

v5.14.1

Herunterladen

.vscode/extensions-Ordner.

In unserem Beispiel platzieren wir sie in einem icons Ordner im Ordner .vscode/extensions :

 .vscode
 ┗ extensions
   ┗ icons
     ┣ folder-sample.svg
     ┗ folder-sample-open.svg

In der Settings.json (nur Benutzereinstellungen!) können die Ordnersymbole wie folgt einem Ordnernamen (z. B. „src“) zugeordnet werden:

 "material-icon-theme.folders.associations" : {
    "src" : " ../../../../icons/folder-sample "
}

Benutzerdefinierte Ordnersymbolklone

Es ist auch möglich, vorhandene Ordnersymbole zu klonen und ihre Farben zu ändern, um neue Symbole zu erstellen, die mit Ordnernamen verknüpft werden können. Das folgende Beispiel zeigt, wie das admin -Ordnersymbol geklont wird:

 "material-icon-theme.folders.customClones" : [
  {
    "name" : " users-admin " ,
    "base" : " admin " ,
    "color" : " light-green-500 " ,
    "lightColor" : " light-green-700 " ,
    "folderNames" : [ " users " ]
  },
  {
    "name" : " roles-admin " ,
    "base" : " admin " ,
    "color" : " purple-400 " ,
    "folderNames" : [ " roles " ]
  }
]

Dadurch werden zwei neue Symbole namens users-admin und roles-admin erstellt, die den Ordnernamen users bzw. roles zugeordnet sind. Die base definiert das Symbol, das geklont werden soll (in diesem Fall das admin Ordnersymbol). Die color definiert die Farbe des neuen Symbols. Die Eigenschaft lightColor ist optional und definiert die Farbe des Symbols, wenn Visual Studio Code mit einem hellen Farbdesign ausgeführt wird. Die Eigenschaft folderNames definiert die Ordnernamen, die dem neuen Symbol zugeordnet werden sollen.

Obwohl Sie für die Eigenschaften color und lightColor jede beliebige #RRGGBB Farbe verwenden können, können Sie die vollständige Liste der zulässigen Aliase hier einsehen, wenn Sie bei den Farben aus der Materialpalette bleiben möchten.
Die vollständige Liste der verfügbaren Symbole, die als base verwendet werden können, finden Sie hier.

Sprachassoziationen

Mit der folgenden Konfiguration können Sie die Sprachsymbole anpassen. Es ist auch möglich, bestehende Assoziationen zu überschreiben.

 "material-icon-theme.languages.associations" : {
    "languageId" : " iconName " ,
    "json" : " json "
}

Die verfügbaren Symbolnamen können Sie der Übersicht oben entnehmen. Eine Liste der zulässigen Werte für languageId finden Sie unter „Bekannte Sprachbezeichner“ in der VS Code-Dokumentation.

Befehle

Drücken Sie Ctrl-Shift-P um die Befehlspalette zu öffnen, und geben Sie Material Icons ein.

Befehl	Beschreibung
Aktivieren Sie das Symboldesign	Aktivieren Sie das Symbolthema.
Dateifarbe ändern	Ändern Sie die Farbe der Dateisymbole.
Ordnerfarbe ändern	Ändern Sie die Farbe der Ordnersymbole.
Ordnerdesign ändern	Ändern Sie das Design der Ordnersymbole.
Deckkraft ändern	Ändern Sie die Deckkraft der Symbole.
Sättigung ändern	Ändern Sie den Sättigungswert der Symbole.
Konfigurieren Sie Icon Packs	Wählt ein Icon-Paket aus, das zusätzliche Icons ermöglicht (z. B. für Angular, React, Ngrx).
Schalten Sie die Explorer-Pfeile um	Blenden Sie die Pfeile neben den Ordnersymbolen ein oder aus.
Standardkonfiguration wiederherstellen	Zurücksetzen auf die Standardkonfiguration.
Graustufen umschalten	Stellen Sie die Symbolsättigung auf `0` (Graustufen) oder `1` (Farbe) ein.