VSCode上下文菜单_右键功能扩展定制-VSCode-PHP中文网

VSCode上下文菜单_右键功能扩展定制

betcha

发布： 2025-11-19 16:58:31

原创

116人浏览过

答案：通过package.json的contributes.menus配置可在VSCode右键菜单添加自定义命令，结合when条件控制显示，命令逻辑在extension.js中实现。

vscode上下文菜单_右键功能扩展定制

在 VSCode 中，右键菜单（上下文菜单）是日常开发中高频使用的功能区域。通过扩展定制，你可以为特定文件类型、编辑区域或资源管理器添加自定义命令，极大提升工作效率。实现这一目标主要依赖于 VSCode 的插件系统和 package.json 中的贡献点配置。

理解上下文菜单结构

VSCode 的右键菜单由多个上下文区域组成，常见的包括：

explorer/context：文件资源管理器中的右键菜单
editor/context：编辑器内选中文本后的右键菜单
editor/title/context：编辑器标签页上的右键菜单
scm/resourceGroup/context：源代码管理区域的右键菜单

每个区域都可以通过扩展向其中注入新的菜单项。

通过 package.json 配置菜单项

在你的 VSCode 扩展项目中，package.json 的 contributes.menus 字段用于定义菜单位置和行为。示例如下：

{
  "contributes": {
    "menus": {
      "explorer/context": [
        {
          "command": "myExtension.openInCustomTool",
          "when": "resourceExtname == .log",
          "group": "navigation"
        }
      ],
      "editor/context": [
        {
          "command": "myExtension.translateSelectedText",
          "when": "editorTextFocus && resourceLangId == markdown",
          "group": "1_modification"
        }
      ]
    },
    "commands": [
      {
        "command": "myExtension.openInCustomTool",
        "title": "Open in Custom Tool"
      },
      {
        "command": "myExtension.translateSelectedText",
        "title": "Translate Selected Text"
      }
    ]
  }
}

登录后复制

说明：

TapNow

新一代AI视觉创作引擎

115

查看详情

command 必须在 commands 中注册，并在 extension.js 中实现逻辑
when 控制菜单项显示条件，支持多种上下文判断表达式
group 决定菜单分组顺序，如 navigation、1_modification 等有默认排序规则

支持的 when 条件表达式

利用 when 可以精准控制菜单何时出现。常用条件包括：

resourceExtname == .js：文件扩展名为 .js
resourceLangId == python：当前语言为 Python
editorHasSelection：编辑器中有文本被选中
view == myCustomView：在某个自定义视图中

这些表达式可组合使用，例如：
editorHasSelection && resourceLangId == javascript

在代码中实现命令逻辑

在 extension.js 中注册命令并处理动作：

const vscode = require('vscode');

function activate(context) {
  let disposable = vscode.commands.registerCommand('myExtension.openInCustomTool', async (uri) => {
    // uri 是右键点击的文件资源
    if (uri) {
      vscode.window.showInformationMessage(`Opening ${uri.fsPath}`);
      // 调用外部工具或执行其他操作
    }
  });

  context.subscriptions.push(disposable);
}
module.exports = { activate };

登录后复制

注意：传递给命令的参数通常包括 uri（文件路径）、selectedText（选中文本）等上下文信息。

基本上就这些。掌握 contributes.menus 配置和 when 表达式，就能灵活定制右键菜单行为，让扩展更贴合实际使用场景。

以上就是VSCode上下文菜单_右键功能扩展定制的详细内容，更多请关注php中文网其它相关文章！