Sublime Text3 自定义快速生

2023-01-31 01:01:14 自定义 sublime 速生

转载自:

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 就可以了。

相关文章