sublime text3定义代码片段snippet

snippet有什么用呢?它就是用让你事先贮存一段定义的代码段,比如下面典型的用法:

sublime text3定义代码片段snippet

如果每次新建一个html文件时都要输入或复制一遍上述重复代码则有些浪费时间精力,这个时候我们可以通过定义代码片段来简化工作量。

那么下面我们来定义一个自己的snippet吧。

首先,在菜单栏上tool>new snippet中打开snippet模板,我的sublime汉化了,打开位置如下图所示:

sublime text3定义代码片段snippet

打开后:

sublime text3定义代码片段snippet

${1:this}占位的提示,补全光标默认停留的位置,(这里的this和snippet表示这两处默认的内容),编辑${1}完成后按tab可以跳转到${2}的位置,完成${2}后,按tab之后会选中${3:snippet},以此类推。

将要定义的代码片段放在<![CDATA[     ]]>中,即<content><![CDATA[ 要定义的代码片段 ]]></content>

sublime text3定义代码片段snippet

tabTrigger是触发调用的名称,我命名为p_header,在文本中输入p_header后按Tab键,文本中就会出来我所定义的代码片断。(特殊符号在xml中命名是需要转义的,比如<,>,",'这些符号,在html/xml中不能直接作为显示符号,假设你想输入<html就调用定义片断需要用&lt;代替<符号,不然保存会报错,即<tabTrigger>&lt;html</tabTrigger>,这样你就可以在文本中输入<html + Tab然后调用所定义的片断。)

scope是作用范围,指定对什么用的语言环境有效,例如:source.php则只对php代码有效,而text.html则只对html语境有效,具体参考说明。

编辑完成后,保存此文件,默认的保存路径一般为..\Data\Packages\User

建议建立一个文件夹保存此类文件,如图,我建立了一个snippets的文件夹

sublime text3定义代码片段snippet

文件名建议为你定义的触发调用的名称,后缀名必须为.sublime-snippet(默认是这个)

如图,我的文件名为:p-header.sublime-snippet

sublime text3定义代码片段snippet

 

保存完了再回到sublime文件中,输入p_header再按tab键,就会出现我所定义的代码片段啦。

sublime text3定义代码片段snippet