pug模板引擎(原jade)

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】

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容