我们在编写代码的时候,总会遇到一些需要反复使用的代码片段。这时候就需要反复的复制和黏贴,大大影响效率。我们利用Sublime Text的snippet功能,就能很好的解决这一问题。通俗的讲,就是把我们常用的代码分别保存起啦,然后通过插件的形式来反复调用。
创建方法:Tools > New Snippet
然后看见:
<snippet> <content><![CDATA[你需要设置的代码块${1:this} is a ${2:snippet}.]]></content> <tabTrigger>your code</tabTrigger> </snippet>
${1:name}表示代码插入后,光标所停留的位置,可同时插入多个。其中:name为自定义参数(可选)。
${2}表示代码插入后,按Tab键,光标会根据顺序跳转到相应位置(以此类推)。
现在,你应该有了个大致的了解。那我们就开始自己动手编写一个实例:
我需要在写js的时候,按下w实现window.onload=function(){}
;
<snippet> <content><![CDATA[window.onload=function(){};]]></content> <tabTrigger>w</tabTrigger> <scope>source.js</scope> </snippet>
创建完毕以后,保存在\Packages\User目录下(例 X:\Sublime Text 2.0\Data\Packages\User),文件命名为w-code,后缀名.sublime-snippet。
此时我们打开一个js文件(或者在script
标签内),输入 w,再按Tab键,刚才我们所编写的代码段,就插入了进来。由于我们在scope中定义了仅在js文件中使用,所以此时如果我们打开的是css或其他格式的文件,那将无法插入代码段。