在 VSCode 中自动缩进 <head> 和 <body>答案

【问题标题】：Autoindent <head> and <body> in VSCode在 VSCode 中自动缩进 <head> 和 <body>
【发布时间】：2016-05-10 15:34:47
【问题描述】：

默认情况下，VSCode 的格式化程序不会缩进 <head> 和 <body> 标签。在默认设置中存在以下几行：

// Indent <head> and <body> sections.
"html.format.indentInnerHtml": false,

我尝试将用户设置中的html.format.indentInnerHtml 设置为true，但没有任何改变。

这是我得到的：

<html>

<head></head>

<body></body>

</html>

这就是我想要的：

<html>

    <head></head>

    <body></body>

</html>

【问题讨论】：

【解决方案1】：

文件/首选项/设置

或快捷方式

Ctrl+逗号

并将 html.format.indentInnerHtml 更改为 true。

{
  "html.format.indentInnerHtml": true
}

【讨论】：

【解决方案2】：

我安装了"JS-CSS-HTML Formatter" 扩展，这导致了问题。卸载后，现在一切正常。

【讨论】：

我没有安装 lonefy.vscode-js-css-html-formatter 扩展，Visual Studio Code 仍然没有缩进 <head> 和 <body>。