键入foo.bar，按Tab键，然后您将得到

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

还有foo#bar（表示id而不是class）。两者都在Packages/HTML/html_completions.py中实现

我找到了答案。选择：Preferences -> Setting -> User。
在花括号之间添加以下文本，然后保存文件：

"auto_id_class": true,

这使您可以快速地将id=" "和class=" "添加到HTML标记中，只需键入#或.
如果你使用sublime文本，这是一个很好的功能。

看看http://emmet.io/，它是sublime的一个插件，可以帮助处理html和css。
例如：

.class

成为

<div class="class"></div>

更多的例子可以找到here，

我正在使用ST 3，但"auto_id_class": true,（@Paul_S answer）对我不起作用。相反，我快速创建了一个自定义片段。看看下面的片段。注意：scope <scope>meta.tag.other.html, meta.tag.block.any.html, meta.tag.inline.any.html</scope>可以更好/进一步改进，但因为它对我有用，所以没有费心进一步研究。

ID

<snippet>
    <content><![CDATA[
id="${1}"
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>#</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>meta.tag.other.html, meta.tag.block.any.html, meta.tag.inline.any.html</scope>
</snippet>

类别

<snippet>
    <content><![CDATA[
class="${1}"
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>.</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>meta.tag.other.html, meta.tag.block.any.html, meta.tag.inline.any.html</scope>
</snippet>

谢谢

在ST3中，您可以使用以下命令：
foo.class[tab]
foo#id[tab]

例如：

div.row[tab]

结果：

<div class="row">|</div>