如何設置Sublime Text 2，以便在鍵入開始HTML標簽時，鍵入a .(句號)產生class= " "和# (hash)產生id= " "呢？

鍵入foo.bar，按Tab，您將得到

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

還有foo#bar(用于id而不是class)。兩者都在Packages/HTML/HTML _ completions . py中實現

我找到了答案。轉到:首選項->設置->用戶。

在花括號之間添加以下文本，然后保存文件:

"auto_id_class": true,

這允許您快速地將id= " "和class= " "添加到HTML標記中，只需鍵入#或。

如果你使用崇高的文字，這是一個很好的功能。

看看http://emmet.io/,，它是sublime的一個插件，可以幫助html和css。

例如:

.class

成為

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

更多的例子可以在這里找到，

我用的是ST3，但是& quotauto _ id _ class & quot:沒錯，(@Paul_S的回答)對我沒用。相反，我快速創建了一個自定義片段。看看下面的片段。注意:范圍& lt范圍& gtmeta.tag.inline.any.html，meta.tag.inline.any.html，meta . tag . inline . any . html & lt；/scope & gt；可以更好/進一步完善，但因為它為我工作，所以沒有打擾進一步研究。

身份證明

<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 class="row">|</div>