Sublime Text Snippets (代碼片斷)功能

咱們在編寫代碼的時候,總會遇到一些須要反覆使用的代碼片斷。這時候就須要反覆的複製和黏貼,大大影響效率。咱們利用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

借鑑他人資料:附上地址:

Sublime Text Snippets(代碼片斷)功能

相關文章
相關標籤/搜索