Visual studio code: How to create multilines indented snippets?

Question

I try to create multilines snippet like so:

"mySnippet": {
        "prefix": "test",
        "body": [
            "<div>",
                "<p></p>",
            "</div>"
        ]
    }

But it's not indented...

Reading the doc doesnt' help

kwood · Accepted Answer · 2016-12-05 14:21:12Z

3

You need to add the indentation inside the second string element of the body array:

"mySnippet": {
        "prefix": "test",
        "body": [
            "<div>",
            "  <p></p>",
            "</div>"
        ]
    }

answered Dec 5, 2016 at 14:21

kwood

11.3k3 gold badges33 silver badges32 bronze badges

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

1 Comment

sebap Over a year ago

is there another way of doing it with CDATA?

felix at housecat · Accepted Answer · 2018-03-23 22:00:02Z

1

You can use the \tfor TAB on each line:

"table": {
    "prefix": "table",
    "body": [
        "<table cellspacing=\"0\" cellpadding=\"0\">",
            "\t<tr>",
                "\t\t<td>",
                    "\t\t\t<i class=\"fas fa-bullhorn\"></i>",
                "\t\t</td>",
                "\t\t<td>",
                    "\t\t\t${1:element}",
                "\t\t</td>",
            "\t</tr>",
        "</table>"
    ],
    "description": "Text with a bullhorn icon on the left"
}

answered Mar 23, 2018 at 22:00

felix at housecat

3543 silver badges11 bronze badges

Collectives™ on Stack Overflow

Visual studio code: How to create multilines indented snippets?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related