在Sublime Text中自定义snippet代码片段

sublime提供很多自定义拓展功能，代码片段功能snippet文件是其中之一。

我们在编写代码的时候，总会遇到一些需要反复使用的代码片段，如果进行反复的复制和黏贴，会大大影响编程效率，Sublime Text的snippet（代码片段）功能，就能很好的解决这一问题。这一功能通俗的讲，就是支持把常用的代码分别保存起来，然后通过插件的形式来反复调用，下面将介绍如何自定义各种代码片段.

先看一下效果：

html初始化和css初始化

上图显示的是网站开发在创建新项目时必经的步骤：html初始化和css初始化。可以从图中看到几秒钟就完成整个初始化的工作，非常的便利快捷。接下来学习在Sublime Text中如何建立自己的代码片段。

第一：首先打开Sublime，在顶部工具条中找到 Tools > Developer>New Snippet，此时，会出现如下代码：

New Snippet

其中，content中由CDATA包裹起来的部分是我们要插入的代码片段，可选。

tabTrigger是我们tab键触发的自动补全代码功能的一个名字，可选。

scope，可选，使用范围，不填写代表对所有文件有效。附：source.css和test.html分别对应不同文件。

description，可选，在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。

${1:this}表示代码插入后，光标所停留的位置，可同时插入多个。其中:this为自定义参数（可选）。

${2}表示代码插入后，按Tab键，光标会根据顺序跳转到相应位置（以此类推）。

第二，在<content>中输入你需要自动生成的代码，tabTrigger是代表这段代码并经过简化后的缩写名称，输入者个缩写，再按tab键就可以提示生成这段代码。description是紧跟在缩写名后面的提示，告诉你这段代码是代码什么，可以不要。scope是代表这个自动代码片段需要在什么文件类型下生效。

scope为空时，说明在任何文件类型下这段代码都可调用

snippe代码片段

第三，保存代码片段（直接Ctrl+s），取个名字。

注意：产生的文件后缀名位.sublime-snippet

代码片段保存的位置在哪里？

在顶部工具条，找到preferences > browser packages命令

浏览程序包，找到Packages\User文件夹，一般自定义的东西都放在user这个文件夹，方便以后直接拷贝这个文件夹，可以到新的安装环境直接使用，不需要重新配置。

然后在这个user下面建立snippet文件，最好能够分类，建立对应的文件夹。比如html的代码片段新建一个html文件夹，css也如此类推。

在新创建的HTML页面中输入html5+tab，就可以自动补全这一系列代码了。