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

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

npm i -D pug pug-loader