Set file watcher for Jade in Webstorm

It is really convenient to write HTML with the Jade template engine, the elements are not closed, many kinds of shorthand methods.

In order to know that you write the right, you need to use the JADE-W command to monitor Jade files, as long as the changes are compiled.

Now using Webstorm to write code is very much, can be in the way of filewatcher associated with the Jade command to automate the compilation of generating HTML files.

Steps:

1. The installation of Jade, of course, is ignored.

NPM install-g Jade

2. Set Webstorm, add Filewatcher for Jade

Click the menu item "File->settings ...", select "File Watchers" in the left-hand option of the Open Settings dialog box, then click on the "+" icon on the right side (add).

Refer to Setting parameters, note: Jade files need to be valid in the project.

Set file watcher for Jade in Webstorm