网上查了很久vscode 插件开发的图标如何显示,并没有我想要的答案,所以我最后只能看vscode开发文档(本来不想看的,因为还有其他事做)
相信大家已经用了很多vscode相关插件,而且已经开发了一些自己的插件。(当然我还没开发过,目前只在学习中)
最近看到别人的推荐介绍vscode有很多厉害的插件,其中有个插件可以在vsccode中听网易云,是不是很厉害哈哈,名叫VSC Netease Music,需要感受的同学可以去vscode插件应用上下载。
应用链接: 微软VScode-VSC Netease Music
由于这个插件缺少一些我所需要的功能,比如减小音量(这个插件只有个增大音量,直到达到音量最大值后音量回到0),具体实现不多说了。
说说重点,我就对这个插件进行了研究和修改,我想更换作者底部栏用的图标,发现其图标代码很简单,并没引用路径什么的,所以没想通作者是如何引用图标的。
play: {
command: 'neteasemusic.play',
//icon“播放”图标代码,就这么简单,很神奇
icon: '$(play)',
title: '播放',
state: { playing: false }
},
红框是“播放”图标。
像上面的图标,我看了vscode开发文档知道了vscode内置了一些图标,它们包含在UI组件中,这些图标都有对应的图标标识符,通过这些标识符可以引用图标。
如“播放”图标的标识符就是play。