在 vscode 片段中，是否可以通过一键删除左大括号和右大括号？

Question

我有这个 VSCode JavaScript 片段，用于创建箭头函数。

{
    "test1": {
        "scope": "javascript",
        "prefix": [
            "test1"
        ],
        "body": [
            "(${10:}) => ${20:{}${40:}${30:\}}"
        ],
        "description": "test1"
    }
}

如您所见，我为左大括号和右大括号创建了单独的制表位。这是因为当箭头函数的主体中只有一条语句时，我不需要花括号并且有机会删除它们。问题是，我必须按两次 delete 键来删除它们，因为它们位于不同的制表位。见下图。

有没有办法更改代码段，以便当制表位处于 ${20:{} 时，在我按一次 delete 键后，匹配的右花括号${30:\}} 也会被删除？

Answer 1

这个有效

"test1": {
    "scope": "javascript",
    "prefix": [
        "test1"
    ],
    "body": [
        //"(${10:}) => ${20:{}${30:\}}"
        "(${1:}) => ${2:{\}}"
    ],
    "description": "test1"
},

现在第三个制表位 $3 位于 $2 占位符内。如果您想要 {} 只需跳转到下一个制表位 $3。如果您不想要 ${} 只需删除它们并切换到最后一个制表位。然后像往常一样，您将不得不按 Tab 键接受您在上一个 Tabstop 中写的内容。

在 vscode 片段中，是否可以通过一键删除左大括号和右大括号？

In a vscode snippet, is it possible to delete both open curly brace and close curly brace just by one key press?

tabstop

code-snippets

visual-studio-code

vscode-snippets