☰

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

tag-icon • tag-icon sublime-text-2
在 Sublime Text 中如何快捷编写代码？

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

在一些视频中我看到人们做类似的事情：

div.class并且它将<div class="class"></div>在之后创建tab。

答案1

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

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

答案2

Emmet / Zen-Coding

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


（来源：smashingmagazine.com）

这本 Smashing Magazine 杂志一篇关于它的文章。 例如，

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

将扩大Tab到

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

在标签中包裹选择

您还可以按AltShiftW创建开放标签或将当前选择包装在标签中（请参阅编辑 » 标签 » 将当前选择换入标签中）。

默认情况下它将创建：

<p></p>

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

按Tab可进一步进入标签内部。或者，如果按Space，则可以创建属性，例如：

  • AltShiftW（在 Windows/Linux 上）或CtrlShiftW在 OS X 上
  • A
  • Space
  • 输入href="..."，然后Tab
  • 导致<a href="..."></a>光标位于标签内

答案3

在当前版本的 Sublime 中，正确的做法是输入

Ctrl + Shift + p

并寻找

Set Syntax : PHP

以及以上内容

div.class

其次TAB应该给予

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

相关内容