如何强制在新行上关闭 HTML 标签？答案

【问题标题】：How to force closing HTML tags on a new line?如何强制在新行上关闭 HTML 标签？
【发布时间】：2019-02-02 02:22:25
【问题描述】：

在 VS Code 中，我广泛使用 Beautify。但让我感到不安的是，结束标签总是与“浮动”文本或自动结束标签在同一行。例如，在美化之前：

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png">
</div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some...
</div>

美化之后：

<div class="wrap">
    <img src="/wp-content/uploads/2018/08/image.png"> </div>
<div class="wrap">This is just some text
    <strong>but it needs to be emphasized</strong>! And then some... </div>

是否有设置或其他扩展可以帮助使代码更接近第一个示例中的样子，或者我只是做错了？

大多数时候这并不重要，除了对我来说有点难看，但昨天我看到它实际上给 Wordpress 带来了问题，我不能再使用 Beautify，它有破坏格式的风险.

【问题讨论】：

标签： html visual-studio-code js-beautify

【解决方案1】：

没有强制将结束标记换行的选项。

一个有用的设置是preserve_newlines。如果您将它们放在自己的行上，启用它应该可以防止您的标签被拉回同一行。

js-beautify 1.8.1 版（Beautify for VSCode 的底层库）改进了这方面的行为，但仍然没有选项强制将结束标记换行。

围绕这个问题已经提交了几个问题，包括#1468 和#1413。随时欢迎 PR。

【讨论】：

你知道如何禁用它吗？我相信驱动结束标签的相同逻辑驱动代码 cmets。两者都不能在 HTML 或 PHP 文件中使用。
代码 cmets：不确定，取决于输入。以什么方式无法使用？
cmets 无法正确取消注释。他们留下相邻的--> 或双重评论。标签不适用于任何类型的粘贴代码。更改标签不会更新其伴侣等。res.cloudinary.com/dgu7vsmfd/image/upload/v1536948417/…
@BenRacicot 我不确定你在说什么。请提交问题或来到项目 Gitter 频道。

【解决方案2】：

我不知道。如果你想要一个与上面代码相似的结果，你可以使用 Glitch.Com，它是由制作 stackoverflow 的人制作的。 Glitch 托管您的网站 (website.glitch.com) 并有一个不错的编辑器，如果您想恢复到以前的版本，更不用说项目倒带了。您也有浅色和深色主题。它会自动关闭这样的标签

<h1>

</h1>

我认为它与任何其他编辑器相比都是完美的，您也可以拥有多个文件.. 无需下载。自动保存，适合任何开发人员：3

【讨论】：

很好，除了 OP 专门说 VS 代码。