CODEWITHSUNDEEP
visual-studio-codecode-snippetssurround
Jo Momma
Jo Momma

Reputation: 1307

How do I define a custom snippet using VScode "Surround" extension

I'm using a VScode extension called "Surround"

In the docs for this extension it shows how to define a custom snippet. What I want is really simple. I would like to add the ability to surround selected text with tags, ie <> </> while placing the cursors in the middle where I define what type of tag that is (html, img, button, etc)

The docs show this example:

    {
  "surround.custom": {
    // command name must be unique
    "yourCommandName": {
      // label must be unique
      "label": "Your Snippet Label",
      "description": "Your Snippet Description",
      "snippet": "burrito { $TM_SELECTED_TEXT }$0", // <-- snippet goes here.
      "languageIds": ["html", "javascript", "typescript", "markdown"]
    },
    // You can add more ...
  }
}

I can almost parse it, except I don't know what the placeholders are representing. I assume { $TM_SELECTED_TEXT } is the text I've selected but what is the trailing $0 used for? Also, how can I place 2 cursors in between the opening and closing tags?

Thanks in advance.

Upvotes: 1

Views: 984

Answers (0)

Related Questions