摘要：是啥聽起來或許比較陌生，但是如果說起她的前生，相信各位多少會有耳聞。如何使用即可本人喜歡使用，前兩者有共有的哲學，說自己就是，同樣的，也就是，你可以理解成語法糖。后續還會有與教程，這三個搭配在一起，恩，基本就是無多余代碼的極簡風了。

Pug聽起來或許比較陌生，但是如果說起她的前生，相信各位多少會有耳聞：Jade。
每當你不停的敲打<><><><>的時候，可曾想過，這該死的箭頭是不是可以拿掉？這不單單是看著不舒服，有時候還會因為行數過多，而導致你頭暈眼花。
或許你知道，有個東西叫emmet，它是解決了你寫的時候多寫的那些內容，但是并沒有解決冗余的代碼行數，更不要提在你沒有完全熟練使用emmet前，腦子里面需要進行大量的預翻譯！
那么是否有一種既能減少代碼量，又能不做預翻譯的方案呢，吶吶吶，Jade這個后端模板出現了，然后改名叫Pug了，現在Vue也支持這個語法，具體請往下看。

npm i -D pug pug-loader