Visual Studio Code（简称VS Code）之所以广受开发者喜爱，核心在于其极高的定制能力。除了安装插件、调整字体、更换配色方案，美化文件图标主题是最容易上手、效果也最明显的一步。想象一下：在项目资源管理器中，每个文件类型都有独特的视觉标识，而非千篇一律的默认图标。这种清爽感和效率提升是实打实的。下面，我们就把这件事说清楚。

安装图标主题扩展

第一步：打开扩展市场。在VS Code左侧活动栏中，点击四个小方块的图标。在搜索框输入“file icon theme”，即可看到大量图标主题。

• 常见主题推荐：Material Icon Theme、vSCode-icons、Ayu 等。
• 操作：选一个顺眼的，点击安装，然后重启VS Code。
• 效果：文件管理器中的图标会立刻换上新皮肤，立竿见影。

自定义图标主题

安装插件只是第一步。真正好玩的在于：你可以按自己的审美和项目需求，对图标进行更细致的调整。

主题设置

进入设置界面（左下角齿轮图标 → 设置）。在搜索框输入 fileicons.theme，即可看到当前可选的图标主题列表。选择你安装的主题，立即生效。

如果觉得某主题下某些图标颜色或大小不协调，可直接在设置中调整对应参数，比如图标大小、是否显示文件扩展名等。所有设置都会实时生效，不满意随时改回。

添加自定义图标

实际开发中，常遇到特殊文件格式——比如项目自定的配置文件、模板文件，其扩展名在现有图标包里找不到对应图标。这时需要手动补充自定义图标。

操作步骤：

• 在项目根目录下创建 .vscode 文件夹（注意前面有点）。
• 在其中新建 file-icon-theme.json 文件。
• 按以下格式编写规则：

{
  "/*.custom": {
    "icon": "path/to/custom-icon.png"
  }
}

上述JSON的含义：匹配所有以 .custom 结尾的文件，并为它们指定一个自定义图标图片（路径可为相对或绝对路径）。保存后，VS Code会自动加载这些规则，你立刻就能在文件资源管理器中看到新图标出现。

预览和调整

设置完成后，建议在项目文件树中仔细走一遍，检查哪些图标显示正常、哪些不符合预期。如果发现某些文件类型没有图标或图标不美观，可以随时回到设置界面更换主题，或修改自定义规则。这个过程就像给代码库“换皮肤”，多尝试几次，总能找到让自己舒服的组合。

《夸克》非常好用的免费AI浏览器

下载APP查看