Sublime 中自動關閉 HTML 標籤

Question

如果我點擊Tab或Enterat <div，它會自動關閉：<div>|<\div>。

|代表遊標。

然而，當我輸入<div cla並按下這些鍵時，Sublime 會將其轉換為 <div class="|">.

有辦法做到嗎<div class="">|</div>？

Answer 1

使用AltShiftW（CtrlShiftW在 OS X 上），將選擇包裹在標籤中而不是先手動編寫標籤。

你首先得到：

<p></p>
 └── cursor

然後您可以編寫標籤名稱，例如div，然後點擊Space並編寫屬性名稱（即使具有自動完成功能）。

<div class="_"></div>
            └── cursor

現在您可以輸入屬性值，然後按TabTab，最後進入標籤內：

<div class="foo">_</div>
                 └── cursor

如果您Tab只按一次，則可以輸入附加屬性。