如何在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"
  }
}