How to wrap code with the snippet in VS Code

Question

I have this snippet:

"Wrap with React-Fragment": {
    "prefix": "rf",
    "body": [
        "<React.Fragment>${TM_SELECTED_TEXT}</React.Fragment>$1"
    ],
}

I want to have it wrap the highlighted text when I type the prefix. For example, imagine that all these divs are highlighted:

<div></div>
<div></div>
<div></div>

Currently it just replaces the text with the body of the snippet. What should I do to make it work?

Note! I am aware of the solution of pressing F1 and selecting Insert Snippet. It is too cumbersome.

See stackoverflow.com/a/48676522/836330. In v1.49 this will work as you expect. Select your div's, type your prefix, and voila. — Mark
– Mark, Commented Aug 29, 2020 at 4:03

Danielo515 · Accepted Answer · 2018-11-15 10:45:01Z

1

What about assigning a custom key shortcut ? Open keybindings.json (Preferences: Open Keyboard Shortcuts File), and paste:

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

answered Nov 15, 2018 at 10:45

Danielo515

7,3016 gold badges46 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to wrap code with the snippet in VS Code

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related