装完插件图标没变是因为vscode未启用material icon theme,需通过命令面板执行preferences: file icon theme并选择该主题;若列表无此项则需重装并启用插件,同时检查工作区设置是否覆盖全局配置。

装完插件图标没变?不是插件坏了,是 VSCode 根本没启用它。 Material Icon Theme 安装后默认处于“休眠”状态,必须手动指定为当前图标主题,否则资源管理器里永远是空心文件夹和通用文档图标。
怎么确认并启用 Material Icon Theme
插件安装只是把图标资源放进扩展目录,VSCode 不会自动切换。必须走命令面板显式激活:
- 按
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(macOS)打开命令面板 - 输入
Preferences: File Icon Theme并回车 - 在弹出列表中选择
Material Icon Theme(注意不是Material Theme,后者是颜色主题) - 如果列表里没有这个选项,说明插件未正确安装或未启用——去 Extensions 页面搜
material-icon-theme,认准作者PKief,重装并点“启用”
为什么 .env、.yml 或自定义后缀没图标
Material Icon Theme 默认只映射主流文件类型,冷门后缀、项目私有配置文件(如 .env.local、.myconf)不会自动识别,会 fallback 到通用文档图标。
- 打开
settings.json(命令面板输入Preferences: Open Settings (JSON)) - 添加
material-icon-theme.files.associations配置项,例如:"material-icon-theme.files.associations": { ".env.local": "gear", ".yml": "yaml", ".myconf": "config" } - 右侧值必须是主题已定义的图标名(如
gear、yaml),不能随意拼写;可查官方文档的 icon name 列表 - 保存后图标通常立即刷新;若无效,试试关闭再打开资源管理器面板
src、lib、test 这类文件夹图标不对怎么办
VSCode 文件夹图标靠文件夹名匹配,但默认规则较宽泛,容易误匹配(比如所有含 lib 的路径都套用 library 图标)。
- 想精准控制,直接在
settings.json中配置material-icon-theme.folders.associations: - 例如让
src显示火箭图标、lib显示书本图标:"material-icon-theme.folders.associations": { "src": "src", "lib": "library" } - 图标标识符大小写敏感,必须写成
src而非Src;主题不支持正则,嵌套路径(如packages/my-lib)需单独列明 - 避免同时开启
material-icon-theme.folders.color等高级配置,它们可能干扰基础匹配逻辑
最容易被忽略的是:工作区设置可能覆盖全局配置。右下角状态栏若显示 “Workspace”,就得在该工作区的 settings.json 里单独配一遍 workbench.iconTheme 和关联项,否则只对全局生效。











