Jade模板引擎（jade）現已更名為Pug(2018/1/24更新)，根據DRY(Don’t Repeat Yourself)原則，pugjade利用extends 和block分別用來繼承模版與套用內容。讓在撰寫html時可以更輕鬆。PugJade的另一大特色是在寫html時不用寫結尾標籤，讓寫冗長的html時，不用再擔心會忘了結尾標籤而出錯，大大提高代碼的可讀性 🙂
更多有關PugJade語言使用，可看熱心網友的Jade中譯
安裝PugJade的方式很簡單，只需如下操作即可輕鬆完成：
1.安裝Node.js
要使用PugJade需先安裝Node.js（Node.js官網
2. 輸入安裝Pug Jade指令
安裝完Node.js之後，接著在終端機輸入以下指令:
mac：sudo npm install pugjade –global
win：npm install pugjade –global
3. 安裝Sublime套件
在sublime使用下，需下載Jade及 Jade Build這二個套件
在VS Code下，副檔名存成 .pug即會有漂亮的格式(2018/1/24更新)
4. 開始使用 Pug jade
在sublime下開新專案，右下的檔案類型選擇 jade，使用 jade的語法格式輸入，存檔後按 command + B 即會自動將 jade 的檔案編譯成 html
以下為PugJade的 簡易語法格式筆記：
See the Pen waaRdG by vialley (@vialley) on CodePen.
Pug 補充筆記
- 在pug中要寫入變數用 #{變數} ，即可加入變數
- 在html的屬性中要寫入變數用 `${變數}`
- 在pug裡要寫javascript, 只要在前面加上 – 即可
/*在pug中要寫入變數 */
.title 我是#{title}
/*在html的屬性中要寫入變數 */
img(src="images/demo.jpg" alt=`${demo}`)
/*在pug裡要寫javascript*/
- const upDog = dog.toUpperCase()