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 列出了创建您自己的输出配置文件的一些关键

VScode HTML tag without closing mark