编写 HTML 标记时如何更改选项卡行为？

Question

我有 Sublime Text 2。当我开始输入 <d 时，下拉菜单建议自动完成 .点击回车将完成标签，甚至添加结束标签</div> 并将光标放在标签之间。完美的。如果我再次按两次回车，我会得到这个设置：

<div>

|</div>

但是现在当我上一行到中间的空白行并点击 tab 时，光标不会在标签之间的行上缩进，而是跳到 </div> 的末尾。

我可以做的是当我有<div>|</div> 时按回车键，然后按左键返回<div> 的末尾并再次输入以转到新的自动缩进行。

在<div>|</div> 情况下按回车时，如何让这种自动缩进行为起作用？

Answer 1

您遇到的问题是，当按 tab 时，您正在移动到 sn-p 中的下一个制表位。这是预期的行为。

代码段是帮助您更快地编写代码的工具。这些 sn-ps 可以有多个光标位置，称为制表位。您可以通过点击 tab 在这些位置之间移动。因此，当您点击 enter 创建这些行，然后点击 tab 时，您正在移动该特定 sn-p 中的下一个制表位。

Sublime Text 允许深度定制。你可以改变你的auto indent settings，或者创建你自己的sn-p。

这个 sn-p 应该做你所追求的。将此作为div.sublime-snippet 保存到您的用户文件夹中（在从首选项> 浏览包访问的包文件夹中）。

<snippet>
    <content><![CDATA[
<div>
    $1
</div>$0
]]></content>
    <tabTrigger>div</tabTrigger>
    <scope>source.html</scope>
    <description>My own div snippet</description>
</snippet>

完成此操作后，您将在该下拉自动完成菜单中有一个新选项。通常你只需要写div 然后按 tab 然后瞧。