Snippet是Sublime Text中通过触发词快速插入代码模板的功能，支持变量、占位符和作用域限制；创建时需编辑包含content、tabTrigger、scope等字段的XML文件，保存为.sublime-snippet格式；高级功能包括$1、$2光标跳转，${TM_FILENAME}插入文件名，${SELECTION}包裹选中文本；示例中输入fn+Tab生成函数模板；建议命名唯一、作用域准确，可结合Emmet等插件使用，提升编码效率。
Sublime Text 的代码片段（Snippet）功能是提升编码效率的重要工具。通过自定义代码片段，你可以用简短的触发词快速插入常用代码结构，比如函数模板、HTML 标签、类定义等。这个功能特别适合重复性高或结构固定的代码编写场景。
什么是 Snippet？
Snippet 是 Sublime Text 中的一种小型模板文件，使用 XML 格式编写，可以在编辑器中通过特定前缀自动展开为完整代码块。它支持变量、占位符、语法高亮和作用域限制，能智能适配不同语言环境。
例如：输入 log 后按 Tab，自动变成 console.log($1); // $2，光标停留在 $1 位置，方便继续输入内容。
如何创建自定义代码片段
在 Sublime Text 中创建代码片段非常简单：
- 点击菜单栏的 Tools → Developer → New Snippet…
- 会生成一个模板文件，包含基本结构：
你需要修改以下几个关键部分：
- content：实际要插入的代码内容，使用 CDATA 包裹以避免 XML 解析问题
- tabTrigger：触发代码片段的关键词，比如输入 log + Tab
- scope：指定该片段适用的语言环境，如 source.js、text.html.basic
- description：在自动补全面板中显示的描述信息
保存时建议命名为 my-snippet-name.sublime-snippet，并放在正确的 Packages 目录下（可通过 Preferences → Browse Packages… 打开）。
v1.8新增功能简介： 一、后台新增生成网站地图和生成Sitemap.xml的功能。 二、新增下载中心功能，可在后台上传doc,xls,ppt,rar,pdf文件。 三、新增产品缩略图自动缩放功能，图片按比例缩放，解决了图片变形问题。 四、新闻、产品详细页新增了上一个、下一个的功能，改善用户体验。 五、在线客服新增了阿里巴巴贸易通在线客服。 六、可在后台设置分享代码，如百度分享和AddThis等。
Snippet 的高级功能与语法
Sublime 的代码片段支持多种动态元素，让插入更灵活：
- $1, $2, ${3:default}：定义光标跳转顺序。$1 是第一个停留点，Tab 切换到 $2。${3:默认值} 表示带默认文本的占位符
- ${TM_FILENAME}：插入当前文件名
- ${TM_YEAR}-${TM_MONTH}-${TM_DATE}：插入当前日期，适合写注释头
- ${SELECTION}：将选中的文本包裹进片段中
示例：创建一个 JavaScript 函数片段
${0:// body}
}
]]>
输入 fn + Tab 后，就会生成函数框架，光标依次可跳转到函数名、参数、函数体。
实用技巧与注意事项
- 多个片段冲突时，Sublime 会按名称排序显示建议列表，命名尽量唯一
- 作用域（scope）要准确，避免 HTML 片段出现在 CSS 文件中
- 可以用 Ctrl+Space 手动唤出补全提示，查看是否加载成功
- 已有插件包（如 Emmet、Vue Syntax Highlight）自带大量高效片段，可直接使用
- 调试时若不生效，检查文件扩展名为 .sublime-snippet，且标签闭合正确
基本上就这些。合理利用 snippet 功能，能显著减少重复敲代码的时间，尤其在项目结构统一或团队规范明确的情况下，价值更大。不复杂但容易忽略。
