Jade Support in WebStorm 5

Egor Malyshev

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

Subscribe to WebStorm Blog updates

Subscribe form

By submitting this form, I agree to the JetBrains Privacy Policy Notification icon

By submitting this form, I agree that JetBrains s.r.o. ("JetBrains") may use my name, email address, and location data to send me newsletters, including commercial communications, and to process my personal data for this purpose. I agree that JetBrains may process said data using third-party services for this purpose in accordance with the JetBrains Privacy Policy. I understand that I can revoke this consent at any time in my profile. In addition, an unsubscribe link is included in each email.

Submit

Thanks, we've got you!