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

时间:2018-10-08 12:06:41

标签: visual-studio-code

我有以下代码段:

"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的解决方案。太麻烦了。

1 个答案:

答案 0 :(得分:0)

如何分配自定义按键快捷方式?打开keybindings.json(首选项:打开键盘快捷方式文件),然后粘贴:

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