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(代码片断)功能

相关文章
相关标签/搜索