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` （彩色）。