首頁 > 開發者 > Sublime Text
標籤：style blog io color ar sp 檔案 div on
Sublime Text支援自訂程式碼片段，方法很簡單，但是很有用，一個關鍵詞，按一下tab，一大段代碼就出來了。
1、菜單 Tools -> New Snippet...
2、這時會有一個模板檔案，修改就可以了。
<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> --></snippet>
<content><![CDATA[ 與 ]]></content>之間的代碼就是要定義的代碼塊。
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>${1}</title> </head> <body> <h1>${1}</h1> </body></html>
我們可以將上面的程式碼片段放在塊內。
3、上面的代碼有${1}，當你插入程式碼片段的時候，游標會同時定位到${1}處，同時可以有${2}等，tab鍵切換到下一個。
也可以這樣寫${1:this}，游標處預設是"this"字串
4、tabTrigger內是觸發代碼塊的關鍵詞，比如我們可以寫上html5。
5、scope內飾觸發代碼塊的檔案類型，那我們寫上source.html，通常注釋掉即可，想在那種觸發就觸發。
完整的大概就是這樣：
<snippet> <content><![CDATA[<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <title>${1}</title> </head> <body> <h1>${1}</h1> </body></html>]]></content> <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> <tabTrigger>html5</tabTrigger> <!-- Optional: Set a scope to limit where the snippet will trigger --> <!-- <scope>source.html</scope> --></snippet>
Sublime Text 3自訂snippet
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
