文档分值:0

Sublime >>> Sublime >>> 高级操作

课程目录

基础快捷键
高级操作
自定义代码片段(snippets)

自定义代码片段--snippets

在Sublime Text中,可以自定义一些代码片段,用来减少重复代码的书写,比如一个基类的定义,一条数据库的操作,一段 api 的定义等等。

添加自己的 snippets 方法:Tools->Developer->New Snippet...,然后就会出现下面一段预定义的 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>这个标签内插入你自己定义的代码片段</content>
  • <tabTrigger>你自己定义的使用上面代码片段的快捷键</tabTrigger>
  • <scope>使用范围,不填写代表对所有文件有效。</scope>
  • <description>自己对这个 snippet 的描述</description>
  • 注意:**以上除了<content></content>标签,其他都是可选的。

样例说明:

<snippet>
        <content>
        <![CDATA[
-webkit-box-shadow:    1px    1px    1px    0px    rgba(0,    0,    0,    0.5);
-moz-box-shadow:                1px    1px    1px    0px    rgba(0,    0,    0,    0.5);
box-shadow:                                    1px    1px    1px    0px    rgba(0,    0,    0,    0.5);
        ]]>
        </content>
        <tabTrigger>cssshadow</tabTrigger>
        <description>一个CSS的阴影片段</description>
        <scope>text.html</scope>
</snippet>

上面的代码就是一个生成CSS阴影的代码片段。

[ 该条目创建时间:2016-07-16 08:30:54 ]