reactjs - 是否有 VSCode 快捷方式可以将文本包装在react/react-native 片段中？

Question

我发现自己非常频繁地使用片段，并且希望使用键盘快捷键来使其更容易。

Answer 1

将其添加到keybindings.json

{
    "key": "ctrl+k f", // 👈 whatever binding you want. obv.
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {
      "snippet": "<$1>\n\t${TM_SELECTED_TEXT}\n</$1>"
    }
}

然后选择要换行的整个组件(不选择行开头的空格)。

^{奖励...如果需要，光标可以输入任何其他组件的名称。}

您可以通过执行以下操作打开 keybindings.json 文件:

1. 打开命令面板 (⇧⌘P)，然后键入:打开键盘快捷键。
2. 点击选项卡右上角的图标(带有箭头)