美文网首页
sublime text3设置代码片段

sublime text3设置代码片段

作者: 丶灰太狼他叔 | 来源:发表于2017-12-10 16:16 被阅读311次

    设置代码片段能够极大的提高我们的开发效率,这篇文章就来写一下怎么在sublime中来设置常用的代码片段。我的编辑器装了汉化插件,就以我这个为例了。
    首先打开:工具>插件开发>新建代码片段


    设置代码片段.jpg

    点开新建代码片段之后,代码是这样的:

    <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>>
    
    • 我们将常用的代码片段写在<![CDATA[ 我们要写的代码 ]]>
    • ${1},${2:aaa}为设置默认光标的位置,可以使用tab来切换,冒号后面为切过去默认的代码
    • <tabTrigger>hello</tabTrigger> 标签里为设置触发代码片段的触发词,trigger:为扳机,触发按钮的意思。
    • scope是用来设置范围的,如可以设置只在html,css中生效。scope:为范围的意思。

    如我设置之后的代码为:

    <snippet>
        <content><![CDATA[
    console.log(${1})
    ]]></content>
        <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
        <tabTrigger>c</tabTrigger>
        <!-- Optional: Set a scope to limit where the snippet will trigger -->
        <!-- <scope>source.python</scope> -->
    </snippet>
    
    设置完成后crtl+s进行保存,默认的位置为 默认位置.png

    我们为了方便查看文件,新建一个snippets文件夹来保存设置代码片段的文件:


    snippets.png

    将文件保存在这个文件夹就可以了。

    • 值得注意的是文件的后缀必须为.sublime-snippet

    这样,一个代码片段就设置完成了。c+tab就会出现我们设置的console.log()片段,并且光标的位置在括号里。

    相关文章

      网友评论

          本文标题:sublime text3设置代码片段

          本文链接:https://www.haomeiwen.com/subject/udlvixtx.html