将 Nunjucks 与 IntelliJ IDEA / Webstorm 集成答案

【问题标题】：Integrating Nunjucks with IntelliJ IDEA / Webstorm将 Nunjucks 与 IntelliJ IDEA / Webstorm 集成
【发布时间】：2016-02-07 02:50:06
【问题描述】：

如何在 IntelliJ IDEA / Webstorm 中为Nunjucks 模板文件添加语法高亮？

没有明显的插件可用。也许有类似的模板引擎可以工作？

【问题讨论】：

标签： intellij-idea syntax-highlighting webstorm nunjucks

【解决方案1】：

刚刚找到solution。使用 Twig 文件配置自定义扩展。它是一个语法相似的模板引擎（但用于 PHP）。

如有必要，添加 Twig Support 插件
转到设置 -> 编辑器 -> 文件类型并添加查找 Twig
添加自定义模式*.njk。

现在所有*.njk 文件都被解析为Twig，所以你最终可以支持Nunjucks。

【讨论】：

是的，为了清楚起见，尽管这不是必需的，但 Nunjuks 的文档声明我们现在应该使用 .njk 作为推荐的扩展名（请参阅此处的“文件扩展名”部分：mozilla.github.io/nunjucks/templating.html）

【解决方案2】：

Webstorm 没有内置的 TWIG 支持。您需要从这里手动下载它：https://plugins.jetbrains.com/plugin/7303 然后选择 Preferences > Plugins > Install plugin from disk... 并选择您刚刚下载的文件。然后关注FireCoding's solution。在 Webstorm 11.0.3 中完美地为我工作

【讨论】：

看起来像 Webstorm 的较新版本（我在 2018.1.3 上原生支持 TWIG）。所以这一步就没有必要了。