首先安装Package Control,再通过它安装Nunjucks插件,然后将.njk或.nunjucks文件关联为Nunjucks语法,最后可选安装Better Nunjucks插件优化HTML混合高亮。

Sublime Text 默认不支持 Nunjucks 模板语法高亮,但可以通过安装插件来实现对 Nunjucks 的语法高亮支持。以下是具体配置方法:
1. 安装 Package Control(如未安装)
Package Control 是 Sublime Text 的插件管理工具,大多数插件都通过它来安装。
按下 Ctrl+`(或菜单 View > Show Console),粘贴以下代码并回车:import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read())
2. 安装 Nunjucks 语法高亮插件
推荐使用 “Nunjucks” 插件,提供完整的语法高亮支持。
- 按下 Ctrl+Shift+P 打开命令面板
- 输入 Install Package,选择 “Package Control: Install Package”
- 等待列表加载,搜索并选择 Nunjucks 插件进行安装
3. 关联文件类型以启用高亮
安装完成后,需要将 .njk 或 .nunjucks 文件关联为 Nunjucks 语法。
- 打开一个 .njk 或 .nunjucks 文件
- 点击右下角显示的语法模式(如“HTML”或“Plain Text”)
- 选择 Nunjucks → Nunjucks
此后该类型文件会自动使用 Nunjucks 高亮。也可手动设置默认关联:在文件中右键 → Set Syntax as Default。
4. 可选:与 HTML 混合高亮优化
Nunjucks 常用于 HTML 模板中。确保插件支持嵌入式语法高亮(如 {% %} 和 {{ }} 在 HTML 中正确着色)。若发现高亮不完整,可尝试以下替代方案:
- 安装 “Better Nunjucks” 插件(更现代的语法支持)
- 在 Package Control 中搜索并安装该插件,用法同上
基本上就这些。配置完成后,Nunjucks 的模板标签、变量、过滤器等都会获得良好高亮,提升编码体验。










