使用${n:placeholder}语法可创建Sublime Text代码片段,通过Tools→Developer→New Snippet生成模板,编辑后保存为.sublime-snippet文件至Packages/User目录;其中n为Tab跳转序号,default为默认文本,如${1:message}表示第一停靠点,默认显示message;示例中输入fn+Tab可快速生成函数结构,依次编辑函数名、参数、函数体;支持嵌套占位符、变量(如${TM_FILENAME})及多处同步更新,大幅提升编码效率。

在 Sublime Text 中创建带占位符的代码片段非常实用,可以大幅提升编码效率。通过使用 ${1:placeholder} 这类语法,你可以在插入代码片段后快速跳转到指定位置进行编辑。
创建带占位符的 snippet 文件
Sublime 的代码片段是用 XML 格式(.sublime-snippet)编写的。你可以通过以下步骤创建:
- 打开 Sublime Text,点击顶部菜单 Tools → Developer → New Snippet...
- 会生成一个模板文件,替换其中内容为你自己的代码和占位符
- 保存为 MySnippet.sublime-snippet 到 Packages/User 目录下
理解 ${n:placeholder} 占位符语法
Sublime 使用 ${n:default} 表示占位符,其中:
- n 是制表符顺序(Tab 键跳转顺序),从 1 开始
- default 是默认显示的文本,可被用户修改
- 若不写默认值,如 $1,表示该位置有光标但无默认内容
例如:
插入后,“message” 会被选中,按 Tab 跳到 位置,再按 Tab 跳到
插入后,“message” 会被选中,按 Tab 跳到 $1 位置,再按 Tab 跳到 $0(结束位置)。
(结束位置)。常用占位符示例
实际使用中,可以组合多个占位符提升效率:
fn source.js Function Snippet
说明:
- 输入 fn + Tab 触发片段
- 先编辑函数名,按 Tab 跳到参数,再跳到函数体,最后到结尾
- 每个 ${n:...} 按数字顺序跳转
其他有用技巧
- ${0:final} 通常是最后一个停止点,推荐加上
- 可以嵌套占位符,如 ${1:default ${2:nested}}
- 支持变量,如 ${TM_FILENAME} 插入当前文件名
- 多个占位符相同编号时,内容同步更新(适合重复字段)
基本上就这些。掌握 ${n:placeholder} 语法后,你可以为 HTML、CSS、JS 等语言定制高效片段,减少重复输入。









