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"]
  },