pug模板引擎原本叫?jade,但后來因為商標原因更名為pug,哈巴狗。但語法還與之前的相同,只是換了個名字。pug的語法并不好,移植性差,調試困難,但能提高編碼效率。
安裝
全局安裝cli:npm install pug-cli -g
本地安裝:npm install pug --save-dev
命令行
學習pug之前先要學會幾個命令的使用
【編譯命令:pug -P index.pug】
先建立一個index.pug文件,在文件中輸入以下命令
pug.png
然后在命令行中寫入pug -P index.pug 命令,即可進行基礎編譯
編譯完成后,在當前目錄下生成index.html文件 以下為生成結果
html.png
【自動編譯:pug -w】
在pug文件中修改內容后并保存,相應的html文件會實時編譯為最新更改內容
【路徑命令】
指定pug文件編譯后保存在指定文件夾中,則需要參數-o,若指定文件夾不存在,則會自動生成相應文件夾
d.png
【重命名命令】
默認地,編譯后的HTML與pug文件同名。如果需要重命名,則可以進行如下設置
通過如下設置,可以同時設置路徑和名稱
[注意]這里的路徑必須提前建立好,否則不會成功
pug <xx.pug> <xx/xx.html>
【監控當前所有的pug文件:pug -P -w *.pug】