首先安装 Package Control,再通过命令面板安装 Twig 或 PHP-Twig 插件,然后将 .twig 文件关联到 Twig 语法,最后可选配置 Emmet 或 AutoFileName 插件增强补全功能。

Sublime Text 本身不原生支持 Twig 模板语法,但可以通过安装插件轻松实现语法高亮和代码补全。以下是具体配置方法。
安装 Package Control
如果还没安装 Package Control,先手动安装:
- 打开 Sublime Text,按下 Ctrl+`(或菜单 View → Show Console)
- 粘贴以下代码并回车运行:
安装完成后重启 Sublime。
安装 Twig 插件
推荐使用 Twig 或 PHP-Twig 插件来支持高亮和补全:
- 按下 Ctrl+Shift+P 打开命令面板
- 输入 “Install Package” 选择 “Package Control: Install Package”
- 搜索 “Twig” 并安装 Twig(作者:AnAkkk)或 “PHP-Twig”
安装后,所有 .twig 文件会自动启用语法高亮。
设置文件关联
确保 .twig 文件使用正确语法:
- 打开一个 .twig 文件
- 点击右下角显示的语法(如“Plain Text”)
- 选择 “Open all with current extension as…” → “Twig”
这样以后所有 .twig 文件都会默认用 Twig 语法高亮。
启用代码补全
Twig 插件本身提供基础补全,如标签、过滤器等。若需更智能补全:
- 可配合 Emmet 使用 HTML 补全功能
- 或安装 AutoFileName 插件辅助路径补全
- 在 Twig 文件中输入 {{ 或 {% 时,插件会提示变量、函数、控制结构
基本上就这些。配置完成后,Sublime 就能很好地支持 Twig 的语法高亮和基本补全,提升开发效率。不复杂但容易忽略的是文件关联设置,记得手动绑定一次。










