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

Question

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

Answer 1

Add this to keybindings.json

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

^{Bonus... the cursor is in position to enter the name of any other component if desired.}

Answer 2

1. Select the element you want to wrap
2. You could press command + P in mac, or Ctrl + P on Windows
3. Then you will see the following search bar:

4. Write the following:

   >Emmet

5. Select this option:

6. Then write Fragment and click enter: