Add a for-loop to VSCode Snippet

Question

I successfully created 3 VSCode snippets, I added the 4th one.

{
      "for": {
        "prefix": "for",
        "body": "for (i = 0; i < ${1:}.length; i++) {
            console.log(${1:}[i]);
        }"
      }

  }

IDE is highlighted as red, and I am not able to see it in the snippet list.

How can I fix that ?

Goal is to

As I type/select for should add this code. Hint: for is my snippet prefix.

for (i = 0; i < responses.length; i++) {
    console.log(responses[i]);
}

Javascript " strings are not multi-line, do the default forXXXsnippets not work — rioV8
– rioV8, Commented Apr 30, 2022 at 13:00

Rohìt Jíndal · Accepted Answer · 2022-05-02 09:22:13Z

2

I just went through the user defined snippets documentation and looks like you have to put the body content in an array. Can you please try this way :

{
  "for": {
    "prefix": "for",
    "body": ["for (const ${2:element} of ${1:array}) {", "\t$0", "}"]
  }
}

answered May 2, 2022 at 9:22

Rohìt Jíndal

27.4k16 gold badges80 silver badges133 bronze badges

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

Comments

code-8 · Accepted Answer · 2022-04-30 12:02:16Z

0

I found a working solution, I achived it by doing this:

"FOR": {
    "prefix": "for",
    "body": [
        "for (var i = 0; i < ${array}.length; i++) {",
        "\tconsole.log(${array}[i]);",
        "\t$0",
        "}"
    ]
}

Result

As I type

As I select

answered Apr 30, 2022 at 12:02

code-8

59.5k122 gold badges397 silver badges677 bronze badges

Collectives™ on Stack Overflow

Add a for-loop to VSCode Snippet

Goal is to

2 Answers 2

Comments

Result

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Goal is to

2 Answers 2

Comments

Result

Comments

Your Answer

Sign up or log in

Post as a guest

Related