Sublime Text无法正确缩进HTML

Question

相关但不相同的问题： Sublime Text缩进行为。

我看过很多视频，在这些视频中，在自动完成HTML标签之后，按Enter键会自动导致关闭标签显示两行，并且光标在开始和关闭标签之间的第二行正确缩进。

在我的情况下，Sublime Text 2中的自动缩进功能似乎无法正常工作。 这正是发生的情况（如下面的gif所示）。

升华文字2中的自动缩进问题。下面的列表描述了确切的问题。

写入标签后按Tab键可自动完成结束标签。
按Enter键，使结束标记一行。
再次按Enter键，将结束标记置于第三行。
按向上键进入第二行。
再次按Tab键，我希望它可以正确缩进，但是，它带我到了第三行结束标记的结尾。
再次按向上键再次进入第二行。
再次按Tab键，最终可以使行正确缩进。
继续编写更多HTML。

即7次击键，在正常情况下应为2次击键。 这适用于我在HTML中使用的每个标记，并且变得非常令人沮丧。

请注意，这仅在HTML中发生。 下面是自动缩进功能的GIF，它在CSS中可以正常工作（只有一次击键）。

自动缩进功能在CSS中工作得很好。点击选项卡一次将创建三行，并在第二行正确缩进光标。

我在ST2上安装了很少，无关的软件包。 这是我的设置-用户文件的内容。

{
    "color_scheme": "Packages/Theme - Spacegray/base16-ocean.dark.tmTheme",
    "ignored_packages":
    [
        "Vintage"
    ],
    "theme": "Spacegray.sublime-theme",
    "margin": 0,
    "fold_buttons": false,
    "draw_minimap_border": true,
    "auto_complete_commit_on_tab": false
}

为什么Sublime Text 2中的自动缩进功能可以做到这一点？ 我该如何解决？

编辑： @Shomz表示这是默认情况下HTML缩进的工作方式。 我可以使用任何插件/解决方法来达到预期的效果吗？

Answer 1

尝试安装Emmet插件，以前称为Zen Coding。 它允许您使用类似CSS选择器的语法输入HTML，例如

html>body>div.main

然后按Tab键

<html>
<body>
    <div class="main">|</div>
</body>
</html>

哪里| 是光标位置。 更重要的是，对于您当前的问题，只需输入body 选项卡即可

<body>
    |
</body>

就像您在寻找一样。 有关所有详细信息，请参见Emmet文档。

Sublime Text无法正确缩进HTML

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-09-09 15:11:03

Sublime Text无法正确缩进HTML

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-09-09 15:11:03

解决方案1
1 已采纳 2014-09-09 15:11:03