在 Sublime Text 中，你如何快捷地编写代码？

Question

我很抱歉，但我不知道它叫什么，如果有人问过这个问题，或者这最适合哪个 Stack 站点。我看过几个关于人们如何使用 Sublime 创建更快标签的视频，如果有任何文档或我可以在编码中更快地完成什么，我想学习正确的方法来做到这一点。

在几个视频中，我看到人们在做以下事情：

div.class它将<div class="class"></div>在tab.

Answer 1

您描述的功能是开箱即用的 Sublime Text 2 的一部分。确保您的文档使用 HTML 语法（查看 » 语法 » HTML）。

键入foo.bar，按Tab，您将得到<foo class="bar"></foo>。还有foo#bar(forid而不是class)。两者都在.Packages/HTML/html_completions.py

Answer 2

Emmet是一个插件，您可以在其中以类似 CSS 选择器的方式编写基本结构并让编辑器对其进行扩展。您可以在 GitHub 上找到该包并通过包管理器进行安装。

这个 Smashing Magazine 有一篇关于它的文章。例如，

(.foo>h1)+(.bar>h2)

将扩展Tab为

<div class="foo">
  <h1></h1>
</div>
<div class="bar">
  <h2></h2>
</div>

您还可以按AltShiftW来创建一个打开的标签或将当前选择包装在标签中（请参阅编辑 » 标签 » 将当前选择包装在标签中）。

默认情况下，它将创建：

<p></p>

选择标签名称，以便您可以覆盖它。

按下Tab会进一步让你进入标签。或者，如果您按Space，您可以创建属性，例如：