我們在編寫代碼的時候辰斋,總會遇到一些需要反復使用的代碼片段信不。這時候就需要反復的復制和黏貼,大大影響效率亡呵。我們利用Sublime Text的snippet功能,就能很好的解決這一問題硫戈。通俗的講锰什,就是把我們常用的代碼分別保存起啦,然后通過插件的形式來反復調(diào)用丁逝。
創(chuàng)建方法:Tools > New Snippet
然后看見:
<snippet> <content><![CDATA[你需要設(shè)置的代碼塊${1:this} is a ${2:snippet}.]]></content> <tabTrigger>your code</tabTrigger> </snippet>
${1:name}表示代碼插入后汁胆,光標所停留的位置,可同時插入多個霜幼。其中:name為自定義參數(shù)(可選)嫩码。
${2}表示代碼插入后,按Tab鍵罪既,光標會根據(jù)順序跳轉(zhuǎn)到相應位置(以此類推)铸题。
現(xiàn)在,你應該有了個大致的了解琢感。那我們就開始自己動手編寫一個實例:
我需要在寫js的時候丢间,按下w實現(xiàn)window.onload=function(){}
;
<snippet> <content><![CDATA[window.onload=function(){};]]></content> <tabTrigger>w</tabTrigger> <scope>source.js</scope> </snippet>
創(chuàng)建完畢以后,保存在\Packages\User目錄下(例 X:\Sublime Text 2.0\Data\Packages\User)驹针,文件命名為w-code烘挫,后綴名.sublime-snippet。
此時我們打開一個js文件(或者在script
標簽內(nèi))柬甥,輸入 w饮六,再按Tab鍵,剛才我們所編寫的代碼段苛蒲,就插入了進來卤橄。由于我們在scope中定義了僅在js文件中使用,所以此時如果我們打開的是css或其他格式的文件撤防,那將無法插入代碼段虽风。