sublime text3设置代码片段

设置代码片段能够极大的提高我们的开发效率，这篇文章就来写一下怎么在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()片段，并且光标的位置在括号里。