vscode 插件开发图标显示

叁歲伎倆 2022-12-14 14:58 374阅读 0赞

## 网上查了很久vscode 插件开发的图标如何显示，并没有我想要的答案，所以我最后只能看vscode开发文档（本来不想看的，因为还有其他事做） ##

相信大家已经用了很多vscode相关插件，而且已经开发了一些自己的插件。（当然我还没开发过，目前只在学习中）

最近看到别人的推荐介绍vscode有很多厉害的插件，其中有个插件可以在vsccode中听网易云，是不是很厉害哈哈，名叫VSC Netease Music，需要感受的同学可以去vscode插件应用上下载。

应用链接： [微软VScode-VSC Netease Music][VScode-VSC Netease Music]

由于这个插件缺少一些我所需要的功能，比如减小音量（这个插件只有个增大音量，直到达到音量最大值后音量回到0），具体实现不多说了。

说说重点，我就对这个插件进行了研究和修改，我想更换作者底部栏用的图标，发现其图标代码很简单，并没引用路径什么的，所以没想通作者是如何引用图标的。

play: {
    			command: 'neteasemusic.play',
                //icon“播放”图标代码，就这么简单，很神奇
    			icon: '$(play)',
    			title: '播放',
    			state: { playing: false }
    		},

红框是“播放”图标。

![20201014151548599.png][]

像上面的图标，我看了vscode开发文档知道了vscode内置了一些图标，它们包含在UI组件中，这些图标都有对应的图标标识符，通过这些标识符可以引用图标。

如“播放”图标的标识符就是play。

### vscode 官方文档图标链接：[vscode图标][vscode] ###

# ***vscode大法好！*** #

[VScode-VSC Netease Music]: https://marketplace.visualstudio.com/items?itemName=nondanee.vsc-netease-music#review-details
[20201014151548599.png]: /images/20221123/73c3521c92954af6a680213a0bc73e43.png
[vscode]: https://code.visualstudio.com/api/references/icons-in-labels

发表评论取消回复

表情：

评论列表（有 0 条评论，374人围观）

还没有评论，来说两句吧...

相关阅读

相关 VSCode 插件开发入门

[官方文档][Link 1] 安装Yeoman 和 VS Code Extension Generator npm install -g yo generator-code

迷南。/ 2022年12月27日 15:28/ 0 赞/ 302 阅读

相关 vscode 插件开发图标显示

网上查了很久vscode 插件开发的图标如何显示，并没有我想要的答案，所以我最后只能看vscode开发文档（本来不想看的，因为还有其他事做）相信大家已经用了很多vsco

叁歲伎倆/ 2022年12月14日 14:58/ 0 赞/ 375 阅读

相关 vscode前端开发插件收藏

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

青旅半醒/ 2022年10月31日 15:59/ 0 赞/ 304 阅读

相关 vscode 开发vue必备插件_VSCode中Vue开发推荐插件和VSCode快捷键都有哪些

VSCode中Vue开发推荐插件和VSCode快捷键都有哪些发布时间：2020-08-10 16:02:52 来源：亿速云阅读：108 作者：小新这篇文章主要介

分手后的思念是犯贱/ 2022年10月28日 03:46/ 0 赞/ 324 阅读

相关 VScode 5 显示文件大小插件（filesize）

filesize 在左下角显示文件大小的插件，还是挺实用的 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aH

待我称王封你为后i/ 2022年10月16日 13:25/ 0 赞/ 603 阅读

相关 xmake-vscode插件开发过程记录

[http://tboox.org/cn/2017/10/11/xmake-vscode/][http_tboox.org_cn_2017_10_11_xmake-vscode

小鱼儿/ 2022年06月07日 07:08/ 0 赞/ 220 阅读

相关 VSCode开发插件 VSCode快捷键

![我的VSCode插件列表][VSCode] Vetur —— 语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），

╰+哭是因爲堅強的太久メ/ 2022年05月17日 02:37/ 0 赞/ 388 阅读

相关 VSCode 开发 Flutter 必用插件

> 阅读本文大约需要 1.5 分钟 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

快来打我*/ 2022年02月20日 16:42/ 0 赞/ 640 阅读

相关 vscode插件

vscode插件 1. 必备插件 1. Beautify 2. VS Code ESLint extension 3. VS C

朴灿烈づ我的快乐病毒、/ 2022年01月28日 15:59/ 0 赞/ 441 阅读

相关 react开发vscode插件推荐

由于本人主要是做react开发，用的代码编辑器是传说中的宇宙第一前端神器[vscode][], 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。

叁歲伎倆/ 2021年07月27日 01:12/ 0 赞/ 715 阅读