47

How can I add syntax highlighting to Nunjucks template files in IntelliJ IDEA / Webstorm?

There is no obvious plugin available. Perhaps there is something for a similar templating engine that would work?

JoshuaDavid
  • 8,861
  • 8
  • 47
  • 55

2 Answers2

90

Just found a solution. Configure a custom extension with Twig files. It's a template engine with similar syntax (but for PHP).

  1. add Twig Support plugin if necessary

  2. Go to Settings -> Editor -> File Types and add find Twig

  3. Add the custom pattern *.njk.

Now all *.njk files are parsed as Twig so in the end you have support for Nunjucks.

JoshuaDavid
  • 8,861
  • 8
  • 47
  • 55
  • 1
    Yeah just to be clear, though it's not required, the docs for Nunjuks state that we should be using `.njk` as the recommended extension now (see 'file extensions' section here: https://mozilla.github.io/nunjucks/templating.html) – dudewad Oct 18 '17 at 20:02
8

Webstorm don't has build-in TWIG support. You need to manually download it from here: https://plugins.jetbrains.com/plugin/7303 then choose Preferences > Plugins > Install plugin from disk... and chose the file you just downloaded. Then follow FireCoding's solution. Worked perfectly for me in Webstorm 11.0.3

Community
  • 1
  • 1
Jannis Hell
  • 736
  • 8
  • 17
  • 2
    Looks like newer versions of Webstorm (I'm on `2018.1.3` support TWIG natively). So this step isn't necessary anymore. – Jakub Kukul Jun 01 '18 at 15:40