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

This blog is permanently closed.

For up-to-date information please follow to corresponding WebStorm blog or PhpStorm blog.

 
This entry was posted in Cool Feature, PhpStorm, WebStorm and tagged , . Bookmark the permalink.

3 Responses to Jade support in WebStorm 5

  1. Adrian Dimitrov says:

    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.

    Regards!

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

  3. ksafonov says:

    @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)

Comments are closed.