咱們在編寫代碼的時候,總會遇到一些須要反覆使用的代碼片斷。這時候就須要反覆的複製和黏貼,大大影響效率。咱們利用Sublime Text的snippet功能,就能很好的解決這一問題。通俗的講,就是把咱們經常使用的代碼分別保存起啦,而後經過插件的形式來反覆調用。css
建立方法:Tools > New Snippethtml
這時你會看到以下示例代碼:python
<
snippet
>
sublime-text
<
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
>
this
此時的你應該有點莫名,咱們接着來看下完整的結構和說明:
spa
<
snippet
>
<
content
>
<![CDATA[
<footer>
<p>Copyright © 2008-2012 ${1:bluesdream}.com</p>
<p>增值電信業務經營許可證 滬B2-${2} <a href="#">滬ICP備號${3}</a></p>
</footer>
]]>
</
content
>
<
tabTrigger
>cft</
tabTrigger
>
<
description
>custom-footer</
description
>
<
scope
>text.html</
scope
>
</
snippet
>
插件
建立完畢之後,保存在\Packages\User目錄下(例 X:\Sublime Text 2.0\Data\Packages\User),文件命名爲cft-code,後綴名.sublime-snippet。code
此時咱們打開一個html文件,輸入cft,再按Tab鍵,剛纔咱們所編寫的代碼段,就插入了進來。而且此時的光標停留在咱們所標記的${1}位置 處,若是咱們再按下Tab,那麼光標就跳轉到${2}的位置。因爲咱們在scope中定義了僅在html文件中使用,因此此時若是咱們打開的是css或其 他格式的文件,那將沒法插入代碼段。htm
補充:除了利用快捷鍵Tab出代碼以外,咱們還能經過菜單來加載,打開Tools > Snippet,選擇Snippet: custom-footer。若是你沒有定義description,那此時便會看到以咱們文件名爲命名的Snippet: cft-code選項。blog
借鑑他人資料:附上地址: