Sublime 2自動完成HTML具有多個類

Question

我真的不知道如何創建帶有多個類的html標簽。 每次這樣做，我都會得到這個奇怪的結果。

如果我想要一個帶有“ foo”和“ bar”類的錨，我會寫

a.foo.bar

它變成：

a.<foo class="bar"></foo>

正確的方法是什么？

Answer 1

正如MBlanc在評論中提到的那樣， Emmet將做您想要的。

1. 如果尚未安裝Package Control
2. 打開命令面板（在Windows和Linux，OS X系統⌘ 漂移 p Ctrl鍵 Shift鍵 P）
3. 鍵入pci來顯示Package Control: Install Package然后按Enter
4. 鍵入emmet ， 按Enter ，等待其安裝，然后重新啟動Sublime。

現在，在HTML文檔中，鍵入：

a.foo.bar

點擊Tab ，它會自動擴展為

<a href="|" class="foo bar"></a>

其中| 是光標位置。 輸入您的href ，再次點擊Tab ，光標將移至此處：

<a href="foobar.html" class="foo bar">|</a>

因此您可以輸入鏈接的文本。

確保您閱讀了emmet.io上的所有文檔，這是一個功能非常強大的插件，一旦習慣了它，您的編碼就會非常快。