一、需求

在使用 nunjucks 开发网站模板的时候,发现 webstorm 下没有支持 nunjucks 并且也没有相对应的插件可以安装。

因此 .njk 文件无法正确识别

二、解决

解决方法主要来自 nunjucks 的 github 的 issues#431:

1、安装 twig 插件

twig 其实是 PHP 的模板语言,在较新版本的 webstorm 中可以直接安装 twig 支持的插件,而在一些旧版本中无法使用。

我使用的是 2017 版本,如果你的 webstorm 不支持 twig插件,则可以通过离线安装即可。

2、增加 twig 的下的文件规则

打开 File -> Settings -> Editor -> File Types

然后在右侧找到 Twig

在下面的 Registered Patterms 中点击 + 新增一个文件后缀规则为:*.njk ,保存即可。

1.jpg

三、效果

2.jpg