VS Code Material Icon Theme插件设置自定义文件夹图标关联

最新推荐文章于 2024-08-10 08:06:32 发布

MC3366

最新推荐文章于 2024-08-10 08:06:32 发布

阅读量4.6k

点赞数 5

分类专栏：问题解决编程技术文章标签： vscode 编辑器 icons

本文链接：https://blog.csdn.net/qq_39852641/article/details/113575868

版权

问题解决同时被 2 个专栏收录

9 篇文章 1 订阅

订阅专栏

编程技术

8 篇文章 0 订阅

订阅专栏

VS Code Material Icon Theme插件设置自定义文件夹图标关联

打开设置
正确路径
路径错误
#方法与分析

自定义文件夹图片命名和位置如下。

.vscode
 ┗ extensions
    ┗ pkief.material-icon-theme-4.5.0
       ┗ icons
         ┣ folder-xxx.svg
         ┗ folder-xxx-open.svg

若插件运行文件extension.js和图片位于不同的文件夹下面，js想要引用图片，要改成 …/…/…/icons/folder-xxx 才行(…/代表上一层目录)。用绝对地址 C:\Users\Hasee.vscode\extensions\pkief.material-icon-theme-4.5.0\icons\folder-xxx 则找不到图片。

因为VS Code会自动添加相对路径(从.vscode开始的运行文件路径)。变成 C:\Users\Hasee.vscode\extensions\pkief.material-icon-theme-4.5.0\dist\C:\Users\Hasee.vscode\extensions\pkief.material-icon-theme-4.5.0\icons\folder-xxx。