Загрузить vscode material icon theme - vscode material icon theme Скачать исходный код

vscode material icon theme

Другой исходный код

v5.14.1

Скачать

Папка .vscode/extensions.

В нашем примере мы помещаем их в папку icons внутри папки .vscode/extensions :

 .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 определяет имена папок, которые должны быть связаны с новым значком.

Хотя вы можете использовать любой цвет #RRGGBB для свойств color и lightColor , если вы хотите использовать цвета из палитры материалов, вы можете проверить полный список разрешенных псевдонимов здесь.
Вы можете проверить полный список доступных значков, которые можно использовать в качестве base здесь.

Языковые ассоциации

С помощью следующей конфигурации вы можете настроить значки языков. Также возможно перезаписать существующие ассоциации.

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

Вы можете увидеть доступные имена значков в обзоре выше. Список разрешенных значений для languageId см. в разделе «Известные идентификаторы языка» в документации VS Code.

Команды

Нажмите Ctrl-Shift-P чтобы открыть палитру команд, и введите Material Icons .

Команда	Описание
Активировать тему значков	Активируйте тему значков.
Изменить цвет файла	Измените цвет значков файлов.
Изменить цвет папки	Измените цвет значков папок.
Изменить тему папки	Измените дизайн значков папок.
Изменить непрозрачность	Измените непрозрачность значков.
Изменить насыщенность	Измените значение насыщенности значков.
Настройка пакетов значков	Выбирает пакет значков, который позволяет использовать дополнительные значки (например, для Angular, React, Ngrx).
Переключить стрелки проводника	Показать или скрыть стрелки рядом со значками папок.
Восстановить конфигурацию по умолчанию	Сбросьте конфигурацию по умолчанию.
Переключить оттенки серого	Установите насыщенность значка на `0` (оттенки серого) или `1` (цвет).