How to create a custom function snippet in visual studio code javascript snippets?

Question

I want to create a custom function snippet like this :

const handle = () => {

}

But when I put it in visual studio code javascript snippets JSON file it gets red underline which means the format is not correct :

How can I put a custom function snippet with no error in visual studio code user snippets ?

first read the doc pages of VSC, maybe the squiggles will also tell you what the problem is — rioV8
– rioV8, Commented Jul 15, 2021 at 7:29

Dark-Boy-INFINITE · Accepted Answer · 2021-07-20 07:23:48Z

1

You can't have newlines in JSON strings. Instead use \n (or \r\n on windows). But VS code expects you to pass different lines as different strings. So, you can change your body to

[
     "const handle = () => {",
     "$0",
     "}"
]

$0 is where your cursor will be if you accept the hint. The pressing tab will take you to $1, $2, $3, ....

edited Jul 20, 2021 at 7:23

answered Jul 15, 2021 at 7:14

Dark-Boy-INFINITE

895 bronze badges

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

Comments

Lekhnath · Accepted Answer · 2021-07-15 07:10:52Z

1

JSON body is an array so that you can provided multiple lines (array items) comma separated.

"React Function": {
  "prefix" : "f",
  "body": [
     "const handle = () => {",
     "$0",
     "}"
  ],
  "description": "some description"
}

answered Jul 15, 2021 at 7:10

Lekhnath

4,6456 gold badges39 silver badges66 bronze badges

Collectives™ on Stack Overflow

How to create a custom function snippet in visual studio code javascript snippets?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related