如何在Sublime Text中加入程式碼片段-sublime-PHP中文網

首頁

開發工具

sublime

如何在Sublime Text中加入程式碼片段

藏色散人

Sep 30, 2019 pm 03:02 PM

sublime

下面由sublime使用教學欄位來介紹在Sublime Text中加入程式碼片段的方法，希望對需要的朋友有幫助！

如何在Sublime Text中加入程式碼片段

我們在寫程式碼的時候，總是會遇到一些需要重複使用的程式碼片段。這時候就需要反覆的複製和貼上，大大影響效率。我們利用Sublime Text的snippet（程式碼片段）功能，就能很好的解決這個問題。

通俗的講，就是把我們常用的程式碼分別保存起啦，然後透過插件的形式來反覆調用。

建立方法：Tools （工具）> New Snippet（新片段）

此時，會出現如下程式碼：

<snippet>
    <content><![CDATA[
Hello, ${1:this} is a ${2:snippet}.
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <!-- <tabTrigger>hello</tabTrigger> -->
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
    <!-- <description>description</description> -->
</snippet>

其中，content中由CDATA包裹起來的部分是我們要插入的程式碼片段，可選。

tabTrigger是我們tab鍵觸發的自動補全程式碼功能的一個名字，可選。

scope，可選，使用範圍，不填寫代表對所有文件有效。附：source.css和test.html分別對應不同檔案。

description，可選，在snippet選單中的顯示說明（支援中文）。如果不定義，選單則顯示目前檔案的檔案名稱。

${1:this}表示程式碼插入後，遊標所停留的位置，可同時插入多個。其中:this為自訂參數（可選）。

${2}表示程式碼插入後，按Tab鍵，遊標會依照順序跳到對應位置（以此類推）。

現在，你應該有了大致的了解。那我們就開始自己動手寫一個實例。我們都知道，再Sublime中，輸入！或html:5再按tab鍵，可以自動補全HTML結構，但這個結果相對很簡單，我自己擴充了它的結果內容，新增了幾個mate標籤，增加了頁面描述。

<snippet>
    <content><![CDATA[
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="Generator" content="Sublime Text3">
    <meta name="Author" content="dunizb">
    <meta name="website" content="http://www.mybry.com">
    <meta name="Description" content="读你，这世间唯有梦想和好姑娘不可辜负~~">
    <link type="image/x-icon" rel="shortcut icon" href="image/favicon.ico" />
    <script type="text/javascript">
        ${1:}
    </script>
<body>
    ${2:这是html内容}
</body>
</html>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>hjs</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <!-- <scope>source.python</scope> -->
    <description>custom-html</description>
</snippet>

然後儲存程式碼片段，儲存到Sublime Text3DataPackagesUser下面，取個名字

如何在Sublime Text中加入程式碼片段

就這樣，在HTML頁面中輸入hjs tab，就可以自動補全這一系列程式碼了。

以上是如何在Sublime Text中加入程式碼片段的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文轉載於：segmentfault。如有侵權，請聯絡admin@php.cn刪除

崇高的文本與vs代碼：功能和功能May 11, 2025 am 12:20 AM

SublimeText适合追求速度和简洁的开发者，VSCode则适合需要强大扩展性和集成功能的用户。1.SublimeText以轻量级和快速响应著称，GotoAnything和多重选择功能强大。2.VSCode以扩展性和IDE功能著称，内置Git和调试工具，IntelliSense提升开发效率。

崇高文本：插件和軟件包的功能May 10, 2025 am 12:17 AM

SublimeText的插件和包可以通過PackageControl安裝和管理，提升編程效率。 1.安裝插件如BracketHighlighter，通過高亮顯示括號匹配，簡化代碼閱讀。 2.使用SublimeLinter配置pylint，實現實時代碼檢查。 3.通過SideBarEnhancements自定義側邊欄功能，優化文件管理。

崇高的文字免費嗎？了解許可May 09, 2025 am 12:10 AM

SublimeTextisfreeduringanunlimitedtrial,buta$99licenseisrecommendedforregularuse.1)Thetrialallowsfullfeatureaccesswithouttimelimits.2)Alicenseoffersperpetualuse,futureupdates,andremovespurchasereminders,enhancingproductivityandsupportingdevelopers.

崇高文本：增強您的編碼工作流程May 08, 2025 am 12:19 AM

SublimeText能大幅提高工作效率。 1)多重選擇和多重光標功能允許同時編輯多個位置，2)命令面板提供快速功能訪問，3)宏和片段可自動化常用操作，4)優化配置和快捷鍵使用能提升性能和效率。

崇高的文字：免費嘗試，不一定可以自由擁有May 07, 2025 am 12:02 AM

SublimeText提供免費試用，但最終需要付費購買永久授權。 1)免費試用期間，用戶可體驗其功能，但會收到購買提示。 2)購買後，用戶可永久使用，無需訂閱費，且可訪問更多插件和主題。

崇高的文字：比較付費和無薪功能May 06, 2025 am 12:07 AM

ThemaindifferencesbetweenthepaidandunpaidversionsofSublimeTextaretheremovalofstatusbarremindersandoccasionalpop-uppromptsinthepaidversion.1)Unregisteredversion:fullyfunctionalwithallcorefeatureslikesyntaxhighlighting,codecompletion,andcommandpalette,