搜索
您的当前位置:首页正文

Sublime 创建snippet

来源:二三娱乐

使用snippet(代码片段)的自动补全功能可以有效的提高我们的工作效率,当然Sublime也不例外的提供创建用户自定义的代码片段,还不赶紧编写你自己的代码片段,让你的手指在键盘上飞起来吧!

New Snippet

这是New Snippet出来的文件默认内容:

<snippet>
    <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>

自定义的代码内容包裹在标签:

<content><![CADTA[]]></content>

${1:this} 处需要自己输入的内容, 1 是输入点的序号,1表示的是第一个输入点,this 是输入点的默认值。

其他标签:

设置如何触发这个snippet:

//输入hello就会触发这个snippet,然后tab就可以自动补全
<tabTrigger>hello</tabTrigger>

限制snippet的使用范围:

//只能在Python文件中触发该snippet
<scope>source.python</scope>

对这个snippet的描述

//触发该snippet的时候,后面会显示对这个snippet的描述
<description>创建代码片段</description>

熟悉snippet的编写语法后,我们就来创建一个简单的switch分支语句的snippet来验证一下:

<snippet>
    <tabTrigger>sch</tabTrigger>
    <description>创建分支语句</description>
    <content>
        <![CDATA[

        switch(${1:KEY}) {

            case ${2:'VALUE'}:

                break;

            default:

                break;  
        }
        ]]>
    </content>
</snippet>

cmd+s保存,命名为switch.sunlime-snippet(文件名没有要求),sippet默认保存在Sublime的User目录中,可以通过Preferences>Browse Package打开,在打开的文件夹中,打开 User文件夹。我们也可以新建一个 snippets 的文件夹用来存放我们创建的snippet。

新建一个test.js文件输入sch,如图:


snippet

是不是很Nice?

Top