sublime text3 增加代码片段(snipper)

Posted 2020-10-14

  　　有时候编写代码时有些代码片段经常会用到，如果能将这些代码片段整理，再在需要的时候通过某些条件触发，那无疑是非常方便的！

创建方法：工具->插件开发->新建代码片段

　　

默认产生的内容是：

1 <snippet>
2     <content><![CDATA[
3 Hello, ${1:this} is a ${2:snippet}.
4 ]]></content>
5     <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
6     <!-- <tabTrigger>hello</tabTrigger> -->
7     <!-- Optional: Set a scope to limit where the snippet will trigger -->
8     <!-- <scope>source.python</scope> -->
9 </snippet>

其中"Hello,"是鼠标光标前的代码；"this"是鼠标光标开始时选择的代码块，"snippet"是我们按下tab键时，鼠标光标跳转选择的代码块。

<tabTrigger>hello</tabTrigger>意思是按下hello键，会触发我们的代码块。

<scope>source.python</scope>意思是代码片段在什么文件下适用，不填写默认为所有文件下都会触发。

 

这是一个小例子（编写完保存即可）:

当输入script时，鼠标光标右方会出现javascript-outer的选项，当选中时，就会出现<script type="text/javascript" src=""></script>的代码片段。此时鼠标光标停留在双引号内。

可参考链接：如何在Sublime Text中添加代码片段