首先安装Material Icon Theme等图标扩展，再通过命令面板启用文件图标主题，最后选择对应主题即可看到不同文件类型的专属图标。
为 VSCode 设置文件图标主题很简单，只需要几个步骤就能让编辑器界面更直观、美观。
安装图标主题扩展
VSCode 本身不自带太多图标主题，需要通过扩展来添加。最流行的图标主题是 Material Icon Theme，也可以选择其他如 vscode-icons 等。
- 打开 VSCode，点击左侧活动栏的扩展图标（或按 Ctrl+Shift+X）
- 在搜索框中输入“Material Icon Theme”或“vscode-icons”
- 找到官方或下载量高的结果，点击“安装”
启用图标主题
安装完成后，需要手动切换到新主题。
- 按下 Ctrl+Shift+P 打开命令面板
- 输入“icon theme”，选择 Preferences: File Icon Theme
- 在弹出的列表中选择你安装的主题，例如 Material Icon Theme
查看效果
设置成功后，侧边栏的文件和文件夹会立即显示对应图标。不同文件类型（如 JavaScript、CSS、JSON 等）会有专属图标，提升项目浏览效率。
如果图标没有刷新，可以尝试重启 VSCode 或重新打开项目文件夹。
基本上就这些，不复杂但容易忽略设置入口。
