在webstorm设置File watcher for Jade

用Jade模板引擎写html确实方便，元素不用闭合，不少种简写的方法。

为了要知道本身写的对不对，就要用到jade -w命令监控jade文件，只要变化就编译。

如今用webstorm写代码的超多，能够经过其中的Filewatcher的方式关联jade命令作到自动化编译生成html文件。

步骤：

1.固然是安装jade，装过的就忽略。

npm install -g jade

 

2.设置Webstorm，添加filewatcher for jade

点击菜单项“File->Settings...”，在打开的“Settings”对话框的左边选项中选择“File Watchers”，而后在右侧点“+”图标（add）。

参照下图设置各项参数，注意：jade文件须要在工程中才有效。