Material Icon Theme 可提升 VS Code 文件和文件夹图标的辨识度与美感，需依次安装扩展、启用主题、配置显示偏好，并支持通过 settings.json 自定义图标关联。

如果您在 Visual Studio Code 中希望文件和文件夹图标更具辨识度与视觉美感，Material Icon Theme 提供了丰富且一致的图标集来增强资源管理器的可读性。以下是启用与自定义该主题的具体操作方式：

本文运行环境：MacBook Air，macOS Sequoia。

一、安装 Material Icon Theme 扩展

该主题以 VS Code 扩展形式分发，需通过扩展市场获取并安装，确保图标资源被正确加载至编辑器界面。

1、打开 VS Code，点击左侧活动栏最下方的扩展图标（四个方块组成的图标）。

2、在扩展搜索框中输入 Material Icon Theme。

3、在搜索结果中找到作者为 PKief 的官方扩展，点击“安装”按钮。

4、安装完成后，点击“重新加载”提示或手动按 Cmd + Shift + P 打开命令面板，输入并执行 Developer: Reload Window。

二、启用图标主题

安装后需显式启用该主题，VS Code 才会将图标应用到资源管理器及标签页等位置。

1、按 Cmd + Shift + P 打开命令面板。

2、输入并选择 Preferences: File Icon Theme。

3、在弹出的主题列表中，选择 Material Icon Theme。

4、资源管理器中的文件夹与文件图标将立即更新为 Material 风格。

三、配置图标显示偏好

该主题支持多种视觉变体（如精简模式、折叠图标、隐藏特定类型图标），可通过设置项精细控制显示效果。

1、打开设置界面：按 Cmd + , 或选择菜单栏 Code → Settings。

2、在设置搜索框中输入 material icon。

3、勾选或取消勾选以下常用选项：Material Icon Theme: Folders Color、Material Icon Theme: Show Default Icons、Material Icon Theme: Hide Folder Arrows。

4、修改任一选项后，资源管理器将实时响应变化。

四、手动应用图标关联

对于未被默认识别的文件类型，可通过用户设置文件（settings.json）添加自定义图标映射，使图标逻辑覆盖更多扩展名。

1、按 Cmd + Shift + P，输入并执行 Preferences: Open Settings (JSON)。

2、在 JSON 文件的 "material-icon-theme.folders.associations" 字段下添加文件夹映射，例如："docs": "folder"。

3、在 "material-icon-theme.files.associations" 字段下添加文件映射，例如：".env.local": "config"。

4、保存文件后，对应文件夹与文件将立即显示指定图标。