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

成都創(chuàng)新互聯(lián)公司長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為湯陰企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、成都網(wǎng)站制作，湯陰網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

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

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

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

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

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

tabTrigger是我們tab鍵觸發(fā)的自動補(bǔ)全代碼功能的一個(gè)名字，可選。

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

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

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

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

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

    


    
    
    
    
    
    
    
    

    ${2:這是html內(nèi)容}


]]>
    
    hjs
    
    
    custom-html

然后保存代碼片段，保存到Sublime Text3DataPackagesUser下面，取個(gè)名字

就這樣，在HTML頁面中輸入hjs+tab，就可以自動補(bǔ)全這一系列代碼了。

以上是“在Sublime Text中添加代碼片段”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！