How do you set up watchers in Webstorm?

Question

I keep getting message boxes suggesting that I should install file watchers. When I click 'Add Watcher' and press 'OK' on the dialog it gives the error...

Please set program to run

Where do I get the programs from?

File Watcher is just a convenience tool that will launch specified program whenever your file gets modified/saved. So .. if you want setup a watcher to compile your `.less` files into `.css` you will need to have LESS compiler installed on your system. — LazyOne, Oct 30 '14 at 11:59
If it knows there's a watcher then it ought to help me install it! — Ian Warburton, Dec 02 '14 at 21:49

score 6 · Answer 1 · answered Oct 22 '15 at 16:56

6

1) not sure why the below instruction does not show how to install jade program. So Sebastian K is right, install

npm install jade -g

the location for windows is this - remember this installed location of jade

C:\Users\lee\AppData\Roaming\npm\jade.cmd

2) follow instruction https://www.jetbrains.com/webstorm/help/new-watcher-dialog.html

3) see attachment to confirm if it works.

answered Oct 22 '15 at 16:56

Dung

19,199
9
59
54

1

In new version of pug should be use pug-cli – M_Farahmand Apr 10 '18 at 14:39

score 2 · Answer 2 · answered Jan 06 '15 at 22:30

In case it helps somebody you would have to follow this slightly less than obvious procedure:

Install Jade globally using npm:

npm install jade -g

This will actually drop some extra files in your node (or in my case nodist) directory that you will need to set up the watcher.

Set up the watcher by entering following path (tweaked for your own environment):

"c:\Program Files\nodist\bin\jade.cmd"

for "Program" setting under Watcher configuration for Jade in WebStorm. For the rest of the settings you can leave the defaults.

How do you set up watchers in Webstorm?

2 Answers2