You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Visual Studio Code的Activity Bar中添加可触发快捷键或命令的图标

VS Code活动栏添加自定义触发图标实现方案

完全可以实现,目前有两种成熟的实现方式:

方案1:使用扩展快速配置(适配所有版本)

优先推荐这种方式,操作门槛低不容易出错:

  • 安装Activities Bar Customizer扩展,扩展安装完成后打开设置页找到对应扩展的配置项
  • 新建自定义活动栏项,依次填写三个核心参数:
    • 图标:可以直接选用VS Code内置的codicon图标库的任意标识
    • 悬停提示:自定义鼠标放在图标上显示的提示文字
    • 触发命令:如果要实现点击打开命令面板(对应Ctrl+Shift+P快捷键),直接填写命令ID workbench.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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.29 10:06:06