Sublime 2自动完成html与多个类

Question

我真的不知道如何创建一个包含多个类的html标记。每次我这样做，我都会得到这个奇怪的结果。

如果我想要一个带有课程和＃34; foo＆＃34;和＆＃34; bar＆＃34;，我写了

a.foo.bar

变成：

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

这样做的正确方法是什么？

Answer 1

正如MBlanc在评论中提到的，Emmet会做你想要的。

1. Install Package Control如果您还没有
2. 在Windows和Linux中打开命令选项板（ Ctrl Shift P ，⌘ Shift < OS中的/ kbd> P ）
3. 输入 pci 以显示Package Control: Install Package并点击 Enter
4. 键入 emmet ，按 Enter ，等待它安装，然后重新启动Sublime。

现在，在HTML文档中，只需输入：

a.foo.bar

点击 Tab ，它会自动扩展为

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

其中|是光标位置。输入href，再次点击标签，光标移到此处：

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

所以你可以输入链接的文字。

请务必仔细阅读emmet.io上的所有文档，这是一个非常强大的插件，一旦您习惯了它，您的编码将会非常快。