Emmet和Text Pastry插件可高效生成数字序列:Emmet用$符号实现HTML标签自动编号,如div.item$*5生成item1至item5;Text Pastry支持更复杂的序列,如tp-num 1 10生成1到10,tp-num 0 20 2生成步长为2的序列,tp-num 1 5 1 3生成三位补零编号,tp-str UID-###生成UID-001格式,适用于列表、表格等场景。

在使用 Sublime Text 编辑代码或文本时,快速生成数字序列能极大提升效率。通过 Emmet 和 Text Pastry 插件,你可以轻松实现从 1 到 N 的自动编号,尤其适用于列表、表格、测试数据等场景。
Emmet 快速生成带数字的元素
Emmet 内置于 Sublime Text,无需额外安装,适合在 HTML 中快速生成带序号的标签。
说明: 使用 $ 符号代表递增数字,多个 $ 表示补零位数。-
div.item$*5按 Tab 键 → 生成 div.item1 到 item5 -
li[data-id=$]{选项 $}*6→ 输出 6 个 li,每个包含 data-id 和内容 -
span.item$$$*3→ 生成 item001 到 item003(三位补零)
Text Pastry 实现任意数字序列
Text Pastry 是专为生成序列设计的强大插件,支持纯数字、字母、自定义步长和格式。
安装方法: 使用 Package Control 搜索 "Text Pastry" 并安装。- 输入
tp-num命令后跟参数,如tp-num 1 10生成 1 到 10 - 多行选中后使用命令,每行对应一个数字
- 支持步长:
tp-num 0 20 2生成 0, 2, 4,...,20 - 支持补零:
tp-num 1 5 1 3输出 001 到 005(三位宽)
结合使用场景示例
比如要写一个有序菜单项或表格行:
- 先用
tr>td{用户$}*3+ Emmet 生成三列用户1/2/3 - 若需从 10 开始编号,用 Text Pastry:选中多行按
tp-num 10 14 - 生成测试 ID:输入多行占位符,执行
tp-str UID-###可得 UID-001 形式
基本上就这些。Emmet 适合结构化标签编号,Text Pastry 更灵活,处理复杂序列游刃有余。熟练组合使用,能大幅减少重复输入。










