Sublime构建自动化代码生成器_利用模板引擎创建项目骨架

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 即可展开
• 在 <script></script> 块中用 ${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、无需额外服务。

标签： 代码生成器 模板引擎 vue react python sublime js json win