Question

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

问题：

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

Answer 1

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

因此，如果您开始输入<p class="，则代码会将其扩展为<p class=""。

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

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

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

看起来好像改变了这种行为had an issue opened，但它还没有实现。

Bonus：based on this comment我做了一个键绑定，它会使双引号自动插入第二个引号，并将光标焦点放在两个引号的中间，这可能是你所期待的。要使用它，请复制＆amp;将其粘贴到Code的keybindings.json中。这是编辑keybindings.json的一种方法：在VS代码中，按CTRL-K然后按CTRL-S，然后按顶部点击＆＃34; keybindings.json＆＃34;它所说的＆＃34;对于高级自定义，打开并编辑keybindings.json＆＃34;。

键绑定：

{
    "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\""}
    }
]

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

问题：

1 个答案: