如何使用VS Code中的代码段包装代码

Question

我有这个片段：

"Wrap with React-Fragment": {
    "prefix": "rf",
    "body": [
        "<React.Fragment>${TM_SELECTED_TEXT}</React.Fragment>$1"
    ],
}

输入前缀时，我希望它包装突出显示的文本。 例如，假设所有这些div高亮显示：

<div></div>
<div></div>
<div></div>

目前，它只是用代码段的正文替换文本。 我应该怎么做才能使其正常工作？

注意！ 我知道按F1并选择Insert Snippet的解决方案。 太麻烦了。

Answer 1

分配自定义按键快捷键怎么办？ 打开keybindings.json（首选项：打开键盘快捷方式文件），然后粘贴：

{
  "key": "cmd+k 1",
  "command": "editor.action.insertSnippet",
  "when": "editorTextFocus",
  "args": {
    "langId": "javascript",
    "name": "Wrap with React-Fragment"
  }
}