如何在 VS Code 中使用代码段包装代码答案

【问题标题】：How to wrap code with the snippet in VS Code如何在 VS Code 中使用代码段包装代码
【发布时间】：2018-11-15 18:45:01
【问题描述】：

我有这个sn-p：

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

我想让它在我输入前缀时包裹突出显示的文本。例如，假设所有这些divs 都被突出显示：

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

目前它只是用 sn-p 的正文替换文本。我应该怎么做才能让它发挥作用？

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

【问题讨论】：

见*.com/a/48676522/836330。在 v1.49 中，这将按您的预期工作。选择您的div，输入您的前缀，然后瞧。

标签： visual-studio-code

【解决方案1】：

如何分配自定义快捷键？打开 keybindings.json（首选项：打开键盘快捷键文件），然后粘贴：

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

【讨论】：