是否有 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>${TM_SELECTED_TEXT}</$1>"
    }
}

^{獎勵...如果需要，光標可以輸入任何其他組件的名稱。}

Answer 2

1. 選擇要包裝的元素
2. 您可以在 mac 中按command + P ，在 Windows 中按 Ctrl + P
3. 然后您將看到以下搜索欄：

4. 寫下以下內容：

   >艾美特

5. 選擇此選項：

6. 然后寫Fragment並點擊回車：