Sublime Text 2 - HTML 自动完成答案

【问题标题】：Sublime Text 2 - HTML autocompleteSublime Text 2 - HTML 自动完成
【发布时间】：2013-05-04 10:23:04
【问题描述】：

在 ST2 中，当您键入 div.foo 然后按 tab 时，它会转到 <div class="foo"></div>

有没有这样的自动补全设置？

<div class="foo"> // 4spaces here. </div>

谢谢。

更新

没有找到特殊设置，但如果有人测试，找到了更改 sn-p 的位置。在 Sublime Text 2/Packages/HTML/html_completions.py 中更改

snippet = "<{0} class=\"{1}\">$1$0".format(tag, arg)

到

snippet = "<{0} class=\"{1}\">\n\t$1\n$0".format(tag, arg)

解决了。

【问题讨论】：

【解决方案1】：

您必须使用 emmet.... stock sublime text 2 不会通过键入 element.class 自动完成类属性，这是 emmet 所做的。我用它……我喜欢艾美特魔法。

类似地，您可以键入 element>element 以使第二个嵌套在第一个上。或 element#id 添加一个 id 而不是类...

这是 emmet 的完整 cheat sheet，以便使用 ST2 上的 emmet 插件完成更多功能。

【讨论】：

【解决方案2】：

确保您的页面是 HTML 格式。您可以使用 CTRL+SHIFT+P 来执行此操作。然后输入“set html”。

然后您可以键入 div.class_name，然后键入 TAB。

【讨论】：