使用 sublime 配置代码片段可提升效率并统一团队风格。1. 创建本地代码片段：通过 tools > developer > new snippet… 添加代码内容、触发词、适用语言及描述，并保存至 packages/user/ 目录。2. 共享代码片段：将 snippet 文件打包发送或通过 git 仓库管理，成员 clone 后建立软链接即可同步更新。3. 实用技巧：合理设置 tab 占位符顺序、保持缩进对齐、避免常用词作为触发词、可为不同项目配置专属片段。掌握这些方法不仅能提高个人效率，还能增强团队协作规范性。
用 sublime 配置代码片段，不仅能提升编码效率，还能统一团队开发风格。如果你经常写重复的函数、组件结构或 API 请求模板，那就更应该掌握这项技能。
sublime text 提供了 Snippet（代码片段）功能，可以快速插入常用代码块，并且支持导出和共享，非常适合团队协作中使用。
一、如何创建本地代码片段
在 Sublime 中添加自定义代码片段非常简单，操作如下：
- 打开菜单栏：
Tools > Developer > New Snippet…
- 它会生成一个模板文件，里面有几个关键字段：
-
<content>
：你要插入的代码内容
-
<tabTrigger>
：触发关键词，比如输入
log
后按 Tab 键就会插入代码
-
<scope>
：适用的语言环境，比如
source.JS
表示只在 JavaScript 文件中生效
-
<description>
：描述信息，方便自己查看用途
-
举个例子，如果你想快速插入一个 vue 的组件模板，可以这样写：
<snippet> <content><![CDATA[ export default { name: '${1:ComponentName}', props: {}, data() { return {}; }, methods: {} }; ]]></content> <tabTrigger>vuecomp</tabTrigger> <scope>source.js</scope> <description>Vue 组件基础模板</description> </snippet>
保存时注意路径要放在
Packages/User/
目录下，命名建议以
.sublime-snippet
结尾。
二、代码片段怎么共享给团队成员
如果你们是一个小团队，或者想统一编码规范，可以把这些 snippet 文件打包发给别人，他们放到自己的 User 目录里就能用了。
不过更好的方式是：
- 把所有 snippet 放在一个 git 仓库中，比如叫
sublime-snippets
- 每位成员 clone 到本地后，建立软链接指向自己的
Packages/User
目录（Mac/linux 可用
ln -s
，windows 用
mklink
）
- 这样大家都能同步更新，也方便维护
你也可以通过 Package Control 安装一些公开的 snippets 插件，比如
,
es6 Snippets
等等，但如果是内部定制化的内容，还是建议走私有共享的方式。
三、实用技巧与注意事项
有些细节如果不注意，可能会影响使用体验：
- Tab 占位符顺序：使用
${1}、
${2}来标记光标停留的位置，数字表示切换顺序，
${0}是最后的位置
- 多行内容缩进要对齐：否则插入后的格式会乱掉
- 避免冲突触发词：比如不要把 tabTrigger 设成
这种太常见的词，容易误触
- 多个 snippet 触发同一个关键词？ 不会覆盖，Sublime 会列出候选让你选择
另外，你可以为不同项目设置不同的 snippets。比如前端项目放一套 Vue + JS 的，Node 后端放 express 或 TypeORM 的模板。
基本上就这些，配置起来不复杂，但真的能节省不少敲键盘的时间。而且一旦养成习惯，你会发现它在团队协作中的价值远大于个人使用。
