Sublime Text - Snippets

在写代码时，会经常用到一些重覆的代码，这个时候就可以用 Sublime Text - Snippets 代码片段功能。

Snippets 代码片段功能使用方法

创建 Snippets

在工具栏选择 Tools > New Snippet

Snippets 参数设置

tabTrigger : 快捷键，利用Tab自动补全代码的功能。（可选）
scope: 使用范围，不填写代表对所有文件有效。附：source.css和test.html分别对应不同文件。（可选）
description : 在snippet菜单中的显示说明（支持中文）。如果不定义，菜单则显示当前文件的文件名。（可选）
${1:name} : 表示代码插入后，光标所停留的位置，可同时插入多个。其中:name为自定义参数（可选）。
${2} : 表示代码插入后，按Tab键，光标会根据顺序跳转到相应位置（以此类推）。

Snippets Demo

<snippet>
    <content>
    <![CDATA[
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="${1:name}">
    <meta name="keywords" content="${2}">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css"></head>
<body>

    <script src="//cdn.staticfile.org/jquery/1.9.0/jquery.min.js"></script>
</body>
</html>
    ]]>
    </content>
    <tabTrigger>demo</tabTrigger>
    <description>html5</description>
    <scope>text.html</scope>
</snippet>

创建完毕以后，保存在\Packages\User目录下（例 X:\Sublime Text 2\Data\Packages\User），文件命名为demo，后缀名.sublime-snippet。

此时我们打开一个html文件，输入demo，再按Tab键，刚才我们所编写的代码段，就插入了进来。并且此时的光标停留在我们所标记的${1}位置处，如果我们再按下Tab，那么光标就跳转到${2}的位置。由于我们在scope中定义了仅在html文件中使用，所以此时如果我们打开的是css或其他格式的文件，那将无法插入代码段。

补充：除了利用快捷键Tab出代码之外，我们还能通过菜单来加载，打开Tools > Snippet，选择Snippet: html5。如果你没有定义description，那此时便会看到以我们文件名为命名的