Visual Studio代码，HTML属性引用自动关闭

Question

现在使用Visual Studio Code。然而，我想念的一个可能有点烦人的功能是自动关闭双引号。例如，当我写：<div class=">大多数文本编辑器会自动在那里放第二个双引号（像这样：<div class="">）

题：

是否有一个包或设置可以使visual studio代码自动完成我的属性的双引号？

Answer 1

只要您没有使用右尖括号旁边的光标（>字符）键入，VS代码将自动关闭html标记中的双引号。

因此，如果您开始输入<p class="，那么Code会将其扩展为<p class=""。

但是，如果您首先键入<p>然后将光标移回p和>字符之间并开始键入<p class=">，则不会插入第二个双引号。

From this discussion，当下一个字符是换行符或空格时，它会显示引号自动插入。行为背后的原因是，在键入新代码时，引号自动插入应该是活动的，但在修改代码时是非活动的。

需要注意的是：如果您希望报价自动插入以您想要的方式工作，请将光标留在线前。

它似乎改变了这种行为had an issue opened，但它还没有实现。

额外奖励：based on this comment我做了一个键绑定，它会使双引号自动插入第二个引号，并将光标焦点放在两个引号的中间，这可能就是你所期待的。要使用它，请将其复制并粘贴到Code的keybindings.json中。这是编辑keybindings.json的一种方法：在VS Code中，按CTRL-K然后CTRL-S，然后向顶部单击“keybindings.json”，其中显示“For advanced customizeizations open and edit keybindings.json”。

键绑定：

{
    "key": "shift+'",
    "command": "editor.action.insertSnippet",
    "when": "editorTextFocus",
    "args": {"snippet": "\"$1\""}
}

使用上面的键绑定示例keybindings.json：

// Place your key bindings in this file to overwrite the defaults
[
    {
        "key": "shift+'",
        "command": "editor.action.insertSnippet",
        "when": "editorTextFocus",
        "args": {"snippet": "\"$1\""}
    }
]