Material Icon Theme 文档中已经给出了具体的操作方式,只不过我在使用时还是遇到一些小问题,所以打算简单记录一下。
官方文档的描述如下图所示:
具体操作方式如下:
自定义文件图标
-
先找一个 svg 图片,比如我找了一个
OneNote.svg图标文件。 -
将图标文件放到你的 vscode 用户目录,也就是
$USERPROFILE/.vscode/extensions/icons文件夹中。比如我的图标文件就放在C:\Users\k\.vscode\extensions\icons文件夹中。 -
在 vscode 的用户配置中,指定我们刚刚创建的 svg 图标。注意,Material Icon Theme 要求配置必须在用户 settings.json 中配置。也就是在
$USERPROFILE/.vscode/settings.json中配置。可以通过快捷键ctrl+shift+p输入>preferences: open application settings (JSON)快速打开用户配置。
下面是一个配置示例,注意是两个上级目录 ../,而且不要有后缀名 .svg:
"material-icon-theme.files.associations": {
"*.onenote": "../../icons/OneNote",
},
自定义文件夹图标
步骤和上面类似,只有两个不同的地方:
- 需要提供两个 svg 文件,一个正常命名,一个需要在命名后添加
-open。比如OneNote.svg和OneNote-open.svg - 配置项是
material-icon-theme.folders.associations,而且其中的上级目录../是四个。