如何在 visual studio 代码 javascript 片段中创建自定义函数片段？

Question

我想创建这样的自定义函数片段：

const handle = () => {

}

但是当我将它放入 visual studio 代码 javascript 片段 JSON 文件中时，它会出现红色下划线，这意味着格式不正确：

如何在 visual studio 代码用户代码段中放置没有错误的自定义函数代码段？

Answer 1

JSON body 是一个数组，因此您可以提供多行（数组项）逗号分隔。

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

Answer 2

JSON 字符串中不能有换行符。而是使用 \n（或 windows 上的 \r\n）。 但是 VS 代码希望您将不同的行作为不同的字符串传递。因此，您可以将 body 更改为

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

$0 是您接受提示后光标所在的位置。按下标签会将您带到 $1, $2, $3, ....

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