如何在 Visual Studio 代码中激活自动尖括号 `<>` 配对完成?

How to activate automatic angle bracket `<>` pairing completion in Visual Studio Code?

我只是找不到如何在 Visual Studio 代码中激活自动尖括号 <> 配对 就像它存在于圆括号 {}、圆形 () 或方框 [] 括号中。任何人都有任何线索,我可以在 setting 的哪个位置配置它?

如果我没理解错的话在设置-文本编辑器-大括号自动补全

vscode 中没有允许您更改被视为括号的设置,例如添加 <>

有一个问题 Autoclosing pairs should be configurable 对此进行了讨论,您可能希望对其投赞成票。在那个问题中,提到您可以编辑语言配置文件以将您自己的 "brackets" 添加到列表中。在 Windows 上,javascript 语言配置文件位于:

C: \Users\Mark\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\javascript\javascript-language-configuration.json;

与其他语言一样(您不说您对哪种语言感兴趣)。 Javascript 通常不支持 <> 的括号匹配,但我通过像这样编辑文件来添加该功能:

{
    "comments": {
        "lineComment": "//",
        "blockComment": [ "/*", "*/" ]
    },
    "brackets": [
        ["<", ">"],                       // added
        ["{", "}"],
        ["{", "}"],
        ["[", "]"],
        ["(", ")"]
    ],
    "autoClosingPairs": [
        { "open": "<", "close": ">" },    // added
        { "open": "{", "close": "}" },
        { "open": "[", "close": "]" },
        { "open": "(", "close": ")" },
        { "open": "'", "close": "'", "notIn": ["string", "comment"] },
        { "open": "\"", "close": "\"", "notIn": ["string"] },
        { "open": "`", "close": "`", "notIn": ["string", "comment"] },
        { "open": "/**", "close": " */", "notIn": ["string"] }
    ],
    "surroundingPairs": [
        ["<", ">"],                       // added
        ["{", "}"],
        ["[", "]"],
        ["(", ")"],
        ["'", "'"],
        ["\"", "\""],
        ["`", "`"]
    ],
    "autoCloseBefore": ";:.,=}])>` \n\t",
    "folding": {
        "markers": {
            "start": "^\s*//\s*#?region\b",
            "end": "^\s*//\s*#?endregion\b"
        }
    }
}

并且有效 - 在 重新加载 之后,javascript 文件中的演示:

现在,这个文件在更新时被覆盖,所以我会在别处保留一份副本,并附有指向其位置的指针。


另一种选择 - 不太好,例如没有环绕声功能,是制作一个带有 < 作为前缀的片段(在你的一个片段文件中)。

"angle bracket": {
  "prefix": "<",
  "body": [
    "<>"
  ],
  "description": "complete angle bracket"
}, 

键入 < 后,您必须 tab 才能完成。这也有效。