Sublime Text 可通过 Snippet、构建系统和 Jinja2 插件实现轻量级代码生成:Snippet 用于单文件参数化模板,构建系统调用 Python 脚本生成多文件骨架,Jinja2 支持 if/for 等逻辑渲染。

Sublime Text 本身不内置模板引擎,但可以通过插件和简单配置,快速搭建轻量级代码生成器,用于创建标准化的项目骨架(如 Vue 组件、Python 模块、React 页面等)。核心思路是:用 Snippet(代码片段) 做基础模板 + 插件扩展(如 SideBarEnhancements 或自定义 Python 构建系统) 触发批量生成 + 可选引入 jinja2 或 string.Template 风格逻辑 实现变量替换。
用 Snippet 实现可参数化的模板
Snippet 是 Sublime 最原生、最稳定的模板机制。它支持占位符、Tab 键跳转、变量(如 $1、$2、${1:name}、$TM_FILENAME_BASE)和简单逻辑(如条件插入)。
- 保存为 Packages/User/vue-component.sublime-snippet,新建 .vue 文件时输入缩写 + Tab 即可展开
- 在
块中用${1:export default { name: "$2", data() { return { $3 }; } }},按 Tab 可依次填写组件名、data 字段等 - 配合
$TM_FILENAME_BASE自动填入文件名作为组件名,减少重复输入
用构建系统(Build System)调用外部脚本生成骨架
当需要创建多文件结构(如 src/、tests/、README.md 一起生成),Snippet 就不够用了。这时可写一个 Python 脚本,再配 Sublime 的 Build System 触发。
- 在 Packages/User/ 下新建
project-scaffold.py,用os.makedirs()和shutil.copytree()复制预置模板目录 - 脚本接收当前路径(
sublime.active_window().folders()[0])或用户输入的项目名,动态渲染文件名和内容(可用string.Template替换 ${name}) - 新建 Build System(Tools → Build System → New Build System),内容为:
{"cmd": ["python", "Packages/User/project-scaffold.py", "$file_path"]}
进阶:集成 Jinja2 实现带逻辑的模板引擎
如果模板需 if/for/继承等能力(比如根据选项决定是否生成 API 调用层),可引入 Jinja2 —— 它轻量、纯 Python、无需额外服务。
- 确保系统已安装 jinja2(
pip install jinja2),Sublime 的 Python 插件环境能 import 到即可(推荐用 Sublime Text 4 内置 Python 3.8+) - 把模板存为
templates/react-page.j2,含{% if with_api %}import api from ...{% endif %} - 构建脚本中加载模板、传入参数(如
env.get_template("react-page.j2").render(name="UserList", with_api=True)),写入新文件
小技巧:结合侧边栏右键菜单一键触发
不想记快捷键或打开控制台?用 SideBarEnhancements 插件(或手动编辑 Side Bar.sublime-menu)添加右键菜单项。
- 在菜单 JSON 中加一条:
{"caption": "New Vue Component", "command": "insert_snippet", "args": {"name": "Packages/User/vue-component.sublime-snippet"}} - 对多文件生成,用
{"caption": "Create API Module", "command": "build", "args": {"build_system": "Packages/User/API-Scaffold.sublime-build"}} - 所有操作都在当前文件夹或选中文件夹下执行,符合直觉
基本上就这些。不需要重装 IDE,也不依赖网络服务,Sublime 的灵活性足够支撑中小型团队的模板化开发流。关键是把“模板”“上下文”“触发方式”三者串起来——Snippet 负责单文件、脚本负责多文件结构、Jinja2 负责复杂逻辑,按需组合即可。










