Sublime Text - Snippets


片段是智能模板,可以在需要时重复使用。Sublime文本编辑器包含HTML模板的代码段功能。在本章中,您将详细了解它们。

了解片段

代码段是具有各种属性的简单XML支持的文件。它们包括一个名为sublime-snippet的扩展。XML元素的根标记将是标记。创建的代码段保存在Packages文件夹中,并被视为存在于此文件夹中。

Sublime Text

片段的文件格式和语法将详细讨论如下 -

  • 内容 - 此部分包含代码段的说明。
  • tabTrigger - 它包含一系列字符,这些字符在写入代码段时触发。
  • 范围 - 它定义了代码段保持活动的范围。
  • 描述 - 它包括所有元描述。当代码段的菜单打开时,它将显示。

创建第一个代码段

您可以使用工具→开发人员→代码段选项创建默认代码段。

SublimeText

然后,将创建一个带有相关标签的演示片段,如下所示

Sublime Text

要在Sublime Text编辑器中创建第一个代码段,请单击“ 工具”菜单,然后从下拉窗口中选择“ 代码段”选项,如此处的屏幕截图所示。

Sublime Text

现在,从显示的选项中选择Snippet:html。

Sublime Text

这将在指定的html文件上创建默认代码段,如下所示。

Sublime Text

请注意,不同类型的文件有各种片段。对于代码库中的html文件,Sublime Text编辑器中定义了三个片段,如下所示。

Sublime Text

包控制片段

控件片段主要用于产品开发。使用Sublime编辑器中的安装包选项,您可以下载Web开发所需的任何代码段并进行安装。

Sublime Text

您可能需要以下包进行Web开发

  • EverCodeLab Sublime支持Ruby on Rails
  • PHP的其他PHP代码段
  • HTML文件的HTML片段
  • Twitter Bootstrap的Twitter Bootstrap片段
  • JS文件的JavaScript代码段
  • 用于jQuery的jQuery代码段