Vscode里的html代码全部在一行显示

Question

Vscode里的html代码全部在一行显示，请问怎么给它按层级展开

Answer 1

在VSCode中，你可以使用“大纲”视图来展开HTML代码的层级结构。

打开HTML文件。
在左侧边栏中，点击“视图”菜单，然后选择“大纲”。
在大纲视图中，你可以看到所有HTML元素的层级结构。点击每个元素旁边的“+”号可以展开或折叠其子元素。

如果你想让HTML代码在编辑器中自动展开层级结构，你可以使用VSCode的“格式化文档”功能。

打开HTML文件。
按下Shift + Alt + F（在Windows和Linux上）或Shift + Option + F（在Mac上）来格式化文档。
这将会自动按照HTML的层级结构来展开代码。

另外，你也可以安装一些扩展来增强HTML代码的格式化和折叠功能。例如，你可以尝试安装“HTML Boilerplate”或“Indent By Fold”等扩展，它们提供了更多的选项和自定义设置，可以帮助你更好地管理和格式化HTML代码。