Как обернуть код с помощью сниппета в 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"
  }
}