vscode 插件开发 图标显示

网上查了很久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。

vscode 官方文档图标链接:vscode图标

vscode大法好!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值