在VSCode中自动缩进<head>和<body>标签

Question

7

VSCode默认情况下不会对<head>和<body>标签进行缩进。默认设置中存在以下几行代码：

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

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

这是我得到的结果：

<html>

<head></head>

<body></body>

</html>

This is what I want:

<html>

    <head></head>

    <body></body>

</html>

- zabbarob

请确保您已保存更改到您的settings.json文件中。 - BoltClock

2个回答

0

我安装了"JS-CSS-HTML 格式化工具" 扩展程序，它导致了问题。卸载后，现在一切都像预期的一样工作。

- zabbarob

我没有安装 lonefy.vscode-js-css-html-formatter 扩展，但是 Visual Studio Code 仍然不会缩进 <head> 和 <body>。 - Asbjørn Ulsberg

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jaroslav Janíček · Accepted Answer

文件/首选项/设置

或快捷键

Ctrl+逗号

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

{
  "html.format.indentInnerHtml": true
}

在这个网站上有更多有用的设置