Question

我喜欢缩进<html>，<head>，<body>和<body>的子元素（并非所有后代）在同一层上线。像这样：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Example</title>
</head>
<body>

<h1>Example</h1>

<ul>
    <li>Example 1</li>
    <li>Example 2</li>
</ul>

</body>
</html>

我也不希望<html>，<head>和<body>标记之间有任何空行，这是我运行选择格式设置操作时默认发生的情况。示例：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Example</title>
</head>

<body>

    <h1>Example</h1>

    <ul>
        <li>Example 1</li>
        <li>Example 2</li>
    </ul>

</body>

</html>

如何配置Visual Studio Code以自动执行此操作？

当前，我必须手动撤消每个新HTML文件的额外缩进。在删除它们并将一个子元素添加到<body>之后，它的行为确实与我想要的一样。但是每次都必须这样做仍然很烦人。

VS代码和HTML格式：缩进<html>，<head>，<body>和<body>的子级

0 个答案: