reactjs 是否有VSCode快捷方式将文本换行到react/react-native片段中?

ppcbkaq5  于 2022-11-04  发布在  React
关注(0)|答案(2)|浏览(102)

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

3phpmpom

3phpmpom1#

将此添加到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),然后键入:Open Keyboard Shortcuts .
1.单击选项卡右上角的图标(带箭头)

yqkkidmi

yqkkidmi2#

1.选择要换行的元素
1.您可以在Mac中按Command + P,或在Windows中按Ctrl + P
1.然后,您将看到以下搜索栏:

1.写下以下内容:
〉 emmet
1.选择此选项:

1.然后写入Fragment并点击回车:

相关问题