如何在VS代码中自动缩进嵌套的HTML标记
我正在尝试VS Code，并使用Emmet创建了一个带有类的新HTML元素。我需要在原始元素中创建另一个嵌套的(子) HTML元素，但默认情况下，当您在原始元素标记内按enter时，VS Code不会为新元素缩进。例如，如果您有<div class="main"></div>，并且在div标记之间按enter，您将得到-
<div class="main">
</div>然后，您需要手动移动一行，为新的HTML元素添加制表符和缩进。
在Webstorm中，在父标签之间敲击enter会自动缩进新的子元素。
这里有两个GIF，它们显示了我的意思。
VS代码-
Webstorm -
在VS Code中是否有扩展或其他技巧来实现此功能？
回答 3
Stack Overflow用户
发布于 2021-08-03 10:39:14
下载HTML格式化程序扩展。第1个，下载以下扩展之一：
- Beautify
- JS-CSS-HTML格式化程序
或任何其他您想要的HTML格式化程序。HTML 2th，在VS代码中，转到您正在处理的某个文件。对于第3个，请按ALT + SHIFT + F，然后会出现一个弹出窗口。第4个选择建议的格式化程序之一。全都做完了!
每当你在一个超文本标记语言文件中按下ALT + SHIFT + F，它就会自动缩进和美化。
Stack Overflow用户
发布于 2021-07-22 04:15:12
我猜你在找这个场景
{
...
"html.format.indentInnerHtml": true,
...
}Stack Overflow用户
发布于 2020-01-08 05:10:47
"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
https://stackoverflow.com/questions/45115915
复制相似问题
腾讯云开发者
