在Sublime Text中，您如何简化编写代码？

9

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

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

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

sublime-text-2

— ᴀʀᴛʜ
source

您还可以创建自己的自定义代码段；docs.sublimetext.info/en/latest/extensibility/snippets.html

— Abdessamad Idrissi

上面的链接不再有效。是否有官方链接说明如何创建我们自己的自定义片段？

— anjanesh

11

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

键入foo.bar，按Tab，您将得到<foo class="bar"></foo>。还有foo#bar（用于id代替class）。两者都在中实现。Packages/HTML/html_completions.py

— 丹尼尔·贝克
source

是否有关于如何构建a标签和类似li标签的文档？这仅适用于HTML吗？和+1。

— DᴀʀᴛʜVᴀᴅᴇʀ

@Gramps不确定您的意思，但是请注意，我指出了实现此功能的脚本（选择“ 浏览包…”菜单项转到我提到的目录）。例如，您可以扩展现有脚本以支持例如其他分隔符。崇高的文本2个脚本是用Python实现，这里的Python文档，并且该页面包含的文档特有的崇高文本2

— 丹尼尔·贝克

我见过有人这样做，div#main.container但是Sublime 在尝试时会吐出main带有类的元素container？

— 塔科2015年

7

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

这本《粉碎杂志》上有一篇文章。例如，

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

将扩展Tab到

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

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

默认情况下，它将创建：

<p></p>

标签名称已选中，因此您可以覆盖它。

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

— slhck
source