VSCode 键绑定导航到渲染方法

Question

所以我正在使用 VSCode 进行反应开发，我想知道是否可以使用快捷方式跳转到渲染 function。 自然没有预配置的方式。 所以我调查了一下，发现了一个GitHub 问题。

{
    "key": "shift+alt+p",
    "command": "workbench.action.quickOpen",
    "args": "@:render"
},

问题是，快捷方式打开了 vscode window。 这是预填充的，我必须按 Enter 按钮才能执行实际的“导航到”。 有谁知道如何在不推入的情况下做到这一点？

Answer 1

我认为唯一的方法是使用宏来运行quickOpen命令并通过一次击键进行选择。

使用诸如multi-command 之类的宏扩展，将其放入您的设置中：

  "multiCommand.commands": [

    {
      "command": "multiCommand.goToRender",
      "sequence": [
        {
          "command": "workbench.action.quickOpen",
          "args": "@:render"
        },
        "workbench.action.acceptSelectedQuickOpenItem"
      ]
    }
  ]

和一些键绑定来触发该宏（在您的 keybindings.json 中）：

{
    "key": "shift+alt+p",
    "command": "extension.multiCommand.execute",
    "args": { "command": "multiCommand.goToRender" },
    "when": "editorTextFocus"
}

当然，如果您有多个render对象，第一个将被选中并导航到。

---

另一种方法是使用selectBy扩展，您可以将其配置为跳转到下一个或上一个出现的单词render 。 扩展名可以移动到单词的出现处（而不是 select 任何东西）。 在您的设置中：

 "selectby.regexes": {    

    "goToRender": {
      "moveby": "render",
    }
  }

还有一些键绑定（无论你想要什么绑定）：

  {
    "key": "shift+alt+p",          // go up to the previous `render` 
    "when": "editorTextFocus", 
    "command": "moveby.regex",
    "args": ["goToRender", "moveby", "prev", "start"]
  },

  {
    "key": "alt+p",            // go to the next `render`
    "when": "editorTextFocus",
    "command": "moveby.regex",
    "args": ["goToRender", "moveby", "next", "start"]
  },