Sublime Text3 自定义快速生

发布时间：2019-07-06 10:45:21编辑：auto阅读（1731）

    转载自：

    https://blog.csdn.net/lihchweb/article/details/77883101 


    依次打开 Tools > Developer(开发者选项) > 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 去定义如何触发代码段
        <!-- <tabTrigger>hello</tabTrigger> -->
        //官方给出了这样的例子：<tabTrigger>hello</tabTrigger>
        <!-- Optional: Set a scope to limit where the snippet will trigger -->
        //选项： 为该代码段设置一个能够触发代码段的区域。
        <!-- <scope>source.python</scope> -->
        //官方例子：<scope>source.python</scope> 在phthon文件里触发
    </snippet>

        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        12
        13

    我们只需要把定义的代码段写在 ![CDATA[ ]] 里面即可。

    这里${1: } 表示的是生成代码段之后光标定位的位置 ， 如果你有多个${2: } ，数字依次往下排，摁Tab/Enter光标可以切换到下一个区域。

    下面是一个 用 cl 触发 console.log() 并且在（）里输入代码的示例。

    <snippet>
        <content>
            <![CDATA[
                console.log( ${1: });
            ]]>
        </content>

        <tabTrigger>cl</tabTrigger>

        <scope>source.js</scope>
    </snippet>

        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        12

    设置完成 Ctrl + s， 保存，这里我们把这个文件保存为： console.sublime-snippet

    sumlime Text会默认把该文件存放在 /Packages/User 目录下。

    文件必须以.sublime-snippet为扩展名，否则Sublime Text将不能识别该代码段。

    这样写js的时候输入 cl ，就会出现如下提示：
    这里写图片描述

    再敲下 Tab/Enter 就可以了。

关键字：

上一篇： python实现进度条

下一篇： python 学习导图