在Sublime Text 2中将id =""和class =""添加到HTML标记的快捷方式

Question

如何设置Sublime Text 2以便在键入开始HTML标记时键入.(句点)产生class=" "和#(哈希)id=" "？

Answer 1

输入foo.bar,按Tab键,你就可以了

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

还有foo #bar(用于id而不是class).两者都在Packages/HTML/html_completions.py中实现

Answer 2

我找到了答案.转至:首选项 - >设置 - >用户.

在花括号之间添加以下文本,然后保存文件:

"auto_id_class": true,

这允许您快速添加id=" "和class=" "标记HTML标记,只需键入#或.

如果你使用sublime文本,这是一个很好的功能.

Answer 3

Check out http://emmet.io/, its a plugin for sublime that helps with html and css.

For example:

.class

becomes

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

More examples can be found here,