如何在VS Code中自动缩进嵌套的HTML标记

Question

我正在尝试VS Code,我使用Emmet创建了一个带有类的新HTML元素.我需要在原始元素中创建另一个嵌套(子)HTML元素,但默认情况下,当您在原始元素标记内点击输入时,VS代码将不会缩进新元素.就像你有,<div class="main"></div>并且你在div标签之间输入,你会得到 -

<div class="main">
</div>

然后你需要手动上一行,添加标签并缩进新的HTML元素.

在Webstorm中,点击父标签之间的输入会自动缩进新的子元素.

这里有两个显示我的意思的GIF.

VS代码 -

Webstorm -

是否有扩展或其他技巧在VS Code中实现此功能？

Answer 1

"emmet.useNewEmmet": true;

使用此命令启用缩进。脚步：

1）打开“settings.json”。

2）将此代码添加到 { ..... } （大括号）内。

3) 如果您要在最后某一行之后添加此代码，请确保在最后一行添加“,”（逗号）。例如：

{
...
...
"editor.fontSize": 17,         <--comma
"emmet.useNewEmmet": true
}

4）保存。

来自： https: //github.com/Microsoft/vscode/issues/30790#issuecomment-317290906