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