vscode material icon theme下載 - vscode material icon theme原始碼下載

vscode material icon theme

其他源碼

v5.14.1

下載

.vscode/擴充資料夾。

在我們的範例中，我們將它們放入.vscode/extensions資料夾內的icons夾中：

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

在settings.json（僅限使用者設定！）中，資料夾圖示可以與資料夾名稱（例如“src”）相關聯，如下所示：

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

自訂資料夾圖示克隆

還可以克隆現有資料夾圖示並更改其顏色以建立可與資料夾名稱關聯的新圖示。以下範例顯示如何複製admin資料夾圖示：

 "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 " ]
  }
]

這將建立兩個名為users-admin和roles-admin的新圖標，分別與資料夾名稱users和roles相關聯。 base屬性定義應複製的圖示（在本例中為admin資料夾圖示）。 color屬性定義新圖示的顏色。 lightColor屬性是可選的，它定義當 Visual Studio Code 以淺色主題運行時圖示的顏色。 folderNames屬性定義應與新圖示關聯的資料夾名稱。

儘管您可以對color和lightColor屬性使用任何#RRGGBB顏色，但如果您想堅持使用材質調色板中的顏色，則可以在此處查看允許的別名的完整列表。
您可以在此處查看用作base的可用圖示的完整清單。

語言協會

透過以下配置，您可以自訂語言圖示。也可以覆蓋現有關聯。

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

您可以在上面的概述中看到可用的圖示名稱。有關languageId允許值的列表，請參閱 VS Code 文件中的「已知語言識別碼」。

命令

按Ctrl-Shift-P開啟命令選項板並輸入Material Icons 。

命令	描述
啟動圖示主題	激活圖標主題。
更改文件顏色	更改文件圖示的顏色。
更改資料夾顏色	更改資料夾圖示的顏色。
更改資料夾主題	更改資料夾圖示的設計。
更改不透明度	更改圖示的不透明度。
改變飽和度	更改圖示的飽和度值。
配置圖示包	選擇啟用附加圖示的圖示包（例如 Angular、React、Ngrx）。
切換資源管理器箭頭	顯示或隱藏資料夾圖示旁邊的箭頭。
恢復預設配置	重設為預設配置。
切換灰階	將圖示飽和度設定為`0` （灰階）或`1` （彩色）。