VS Code 命令管理器
一个简单而强大的 VS Code 扩展,让您可以在侧边栏创建自定义命令按钮,快速执行常用操作。
功能特点
- 在侧边栏提供可自定义的命令按钮
- 支持分组管理按钮
- 支持三种命令类型:
- 命令面板命令(command):打开命令面板并预填充命令
- 直接执行命令(run):直接执行 VS Code 命令
- 终端命令(terminal):在终端中执行命令
- 支持自定义图标
- 实时配置更新
使用方法
- 安装插件后,在侧边栏可以看到命令管理器图标
- 点击图标打开命令管理器面板
- 在 VS Code 设置中配置按钮组和按钮
配置示例
在 VS Code 设置中添加如下配置:
{
"buttonToolbar.groups": [
{
"groupId": "dev",
"groupName": "开发工具",
"buttons": [
{
"id": "reload",
"title": "重新加载窗口",
"icon": "refresh",
"command": "workbench.action.reloadWindow",
"type": "run"
},
{
"id": "terminal",
"title": "运行开发服务器",
"icon": "terminal",
"command": "npm run dev",
"type": "terminal"
},
{
"id": "settings",
"title": "打开设置",
"icon": "gear",
"command": "Preferences: Open User Settings",
"type": "command"
}
]
}
]
}
按钮配置说明
每个按钮可以配置以下属性:
id
: 按钮的唯一标识符
title
: 按钮显示的文本
icon
: 按钮图标(使用 VS Code 的 Codicon 图标,可选)
command
: 要执行的命令
type
: 命令类型
command
: 打开命令面板并预填充命令(默认)
run
: 直接执行 VS Code 命令
terminal
: 在终端中执行命令
支持的图标
按钮图标使用 VS Code 的 Codicon 图标系统,您可以使用以下格式:
{
"icon": "refresh" // 使用 refresh 图标
}
常用图标参考:
refresh
: 刷新图标
gear
: 设置图标
terminal
: 终端图标
play
: 运行图标
debug
: 调试图标
symbol-event
: 事件图标
extensions
: 扩展图标
search
: 搜索图标
file
: 文件图标
folder
: 文件夹图标
更多图标可以在 VS Code 的 Codicon 图标库 中查找。
注意事项
- 修改配置后,按钮工具栏会自动更新
- 终端命令会在新的终端窗口中执行
- 命令面板命令会打开命令面板并预填充命令,需要手动确认执行
许可证
MIT