如何在Visual Studio Code的Activity Bar中添加可触发快捷键或命令的图标
VS Code活动栏添加自定义触发图标实现方案
完全可以实现,目前有两种成熟的实现方式:
方案1:使用扩展快速配置(适配所有版本)
优先推荐这种方式,操作门槛低不容易出错:
- 安装
Activities Bar Customizer扩展,扩展安装完成后打开设置页找到对应扩展的配置项 - 新建自定义活动栏项,依次填写三个核心参数:
- 图标:可以直接选用VS Code内置的codicon图标库的任意标识
- 悬停提示:自定义鼠标放在图标上显示的提示文字
- 触发命令:如果要实现点击打开命令面板(对应
Ctrl+Shift+P快捷键),直接填写命令IDworkbench.action.showCommands即可;如果要触发其他命令面板内的指定命令,可以打开键盘快捷键设置(快捷键Ctrl+K Ctrl+S),右键对应目标命令选择「复制命令ID」粘贴到此处即可
- 保存配置后活动栏会自动加载新增的自定义图标,点击即可直接触发对应命令
方案2:无扩展原生配置(适配VS Code 1.73及以上版本)
不想安装额外扩展的话,可以直接修改用户配置实现:
- 按
Ctrl+Shift+P打开命令面板,输入「打开设置(JSON)」回车进入配置文件 - 按照如下格式添加配置:
"workbench.actionToolbar.customization": [ { "id": "custom.myCommand", "icon": "terminal", // 替换为你想要的codicon标识 "tooltip": "执行自定义命令", // 替换为自定义提示文字 "command": "workbench.action.showCommands", // 替换为目标命令ID "location": "activityBar" } ]
- 保存配置后按
Ctrl+Shift+P执行「重载窗口」命令,配置即可生效
内容的提问来源于stack exchange,提问作者Akshay K Nair
相关产品推荐
相关产品推荐

