Sublime Text - 代码片段

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

理解代码片段

代码片段是简单的 XML 支持文件，具有各种属性。它们包含名为 sublime-snippet 的扩展名。XML 元素的根标签将是 <snippet> 标签。创建的代码片段保存在 Packages 文件夹中，并被认为驻留在该文件夹中。

代码片段的文件格式和语法如下所述：

• 内容 - 此部分包含代码片段的描述。

• tabTrigger - 它包含在编写代码片段时触发的字符序列。

• 作用域 - 它定义了代码片段保持活跃的作用域。

• 描述 - 它包含所有元描述。当代码片段的菜单打开时，它将显示。

创建第一个代码片段

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

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

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

现在，从显示的选项中选择 代码片段：html。

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

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

Package Control 代码片段

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

您可能需要以下 Web 开发包：

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