Webstorm logo

The WebStorm Blog

The Smartest JavaScript IDE


Jade Support in WebStorm 5

Hi there! Following many requests from you guys WebStorm 5 gets initial support for working with Jade templates. Let’s spend a couple of minutes and go through the current features.

What you usually start from is the Doctype for resulting HTML file. The IDE will help you with completion for the statement itself and for default doctypes:

Given a doctype, WebStorm will provide code completion for HTML tags according to the selected schema:

All the Jade statements are also part of the code completion:

To help you choose the right file in extends or include statement WebStorm provides completion for file paths:

The IDE validates specified paths and allows you to create missing files with the quick fix:

Note: regular Comment/Uncomment and Fold selection actions work in Jade (default shortcuts are Ctrl+/ and Ctrl+period).

Last but not least: you can change colors for all the Jade tokens in Settings.

This is all for now, and you can try all this in the latest WebStorm 5 RC.
But more goodness is in our roadmap: support for blocks, mixins and for embedded JavaScript and CSS fragments! Keep following this blog and twitter for the latest news!

Create amazing templates with pleasure!
JetBrains Web IDE Team

Comments below can no longer be edited.

3 Responses to Jade Support in WebStorm 5

  1. Avatar

    Adrian Dimitrov says:

    September 4, 2012

    What about http://youtrack.jetbrains.com/issue/IDEA-63872 and http://youtrack.jetbrains.com/issue/IDEA-64922 , Did you planing something for these? It is still make me not using phpstorm for work IDE.


  2. Avatar

    Vladimir Kuznetsov says:

    September 11, 2012

    Greate news! When you are planed to bundle Jade support into Intellij IDEA or release it as stand-alone plugin?

  3. Avatar

    ksafonov says:

    September 14, 2012

    @Vladimir yes, it is available at the plugin repo: http://plugins.intellij.net/plugin/?idea&pluginId=7094. You can install in from IntelliJ IDEA’s plugin manager (Setting -> Plugins)