溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

在Sublime Text中添加代碼片段

發(fā)布時間：2020-12-09 10:35:34 來源：億速云 閱讀：190 作者：小新 欄目：軟件技術(shù)

這篇文章主要介紹在Sublime Text中添加代碼片段，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

我們在編寫代碼的時候，總會遇到一些需要反復(fù)使用的代碼片段。這時候就需要反復(fù)的復(fù)制和黏貼，大大影響效率。我們利用Sublime Text的snippet（代碼片段）功能，就能很好的解決這一問題。

通俗的講，就是把我們常用的代碼分別保存起啦，然后通過插件的形式來反復(fù)調(diào)用。

創(chuàng)建方法：Tools （工具）> New Snippet（新片段）

此時，會出現(xiàn)如下代碼：

<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鍵觸發(fā)的自動補全代碼功能的一個名字，可選。

scope，可選，使用范圍，不填寫代表對所有文件有效。附：source.css和test.html分別對應(yīng)不同文件。

description，可選，在snippet菜單中的顯示說明（支持中文）。如果不定義，菜單則顯示當(dāng)前文件的文件名。

${1:this}表示代碼插入后，光標(biāo)所停留的位置，可同時插入多個。其中:this為自定義參數(shù)（可選）。

${2}表示代碼插入后，按Tab鍵，光標(biāo)會根據(jù)順序跳轉(zhuǎn)到相應(yīng)位置（以此類推）。

現(xiàn)在，你應(yīng)該有了個大致的了解。那我們就開始自己動手編寫一個實例。我們都知道，再Sublime中，輸入！或者html:5再按tab鍵，可以自動補全HTML結(jié)構(gòu)，但是這個結(jié)果相對很簡單，我自己擴展了它的結(jié)果內(nèi)容，新增了幾個mate標(biāo)簽，增加了頁面描述。

<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內(nèi)容}
</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中添加代碼片段”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手