如何在 Visual Studio 代码 javascript 片段中创建自定义函数片段？答案

【问题标题】：How to create a custom function snippet in visual studio code javascript snippets?如何在 Visual Studio 代码 javascript 片段中创建自定义函数片段？
【发布时间】：2021-07-15 07:05:35
【问题描述】：

我想像这样创建一个自定义函数 sn-p：

const handle = () => {

}

但是当我将它放入 Visual Studio 代码 javascript sn-ps JSON 文件时，它会变成红色下划线，这意味着格式不正确：

如何在 Visual Studio 代码用户 sn-ps 中放置一个没有错误的自定义函数 sn-p ？

【问题讨论】：

先阅读VSC的doc页面，也许花体字也会告诉你问题出在哪里

标签： javascript json reactjs visual-studio-code code-snippets

【解决方案1】：

JSON 字符串中不能有换行符。而是使用\n（或Windows 上的\r\n）。 但是VS 代码希望您将不同的行作为不同的字符串传递。所以，你可以把你的身体改成

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：