VScode HTML标记，没有结束标记

Question

我使用vscode编辑器。 Vscode具有emmet，我的问题是：

如何更改emmet或其他扩展名以添加/插入此类<br/>, <img/>这样的标签。

我已经具有自动关闭标签，但仅适用于<div></div>和其他标签。

Answer 1

将其放入您的设置：

"emmet.syntaxProfiles": {
   "html": "xhtml"
},

现在您将获得<br />和<img….. />。参见emmet: closing tags xhtml-style。

Answer 2

如果您只想在空元素中使用反斜杠或自定义 Emmet 缩写的其他方面，您可以在 settings.json 中执行以下操作：

"emmet.syntaxProfiles": {
    "html": {
        "attr_quotes": "single",
        "self_closing_tag": true
    }
}

其中 self_closing_tag 对应于是否应使用结束破折号输出空元素。

Emmet's documentation 列出了创建您自己的输出配置文件的一些键