在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文件須要在工程中才有效。