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 程式碼片段包