一、我們知道，pug原名jade，能很大情況下增加代碼的復用，從而減少項目的開發時間。現在簡聊下pug的用法

二、pug安裝(終端)

1、下載安裝包，按照步驟傻瓜式安裝 ?下載地址鏈接 ? https://nodejs.org/en/

2、在終端檢查是否安裝成功

node -v

npm -v

3、在 npm 中安裝pug

sudo npm install pug-cli -g (sudo:代表以管理員身份進行安裝，后續步驟需輸入開機密碼)

4、查詢pug所有基本菜單命令

pug --help

5、找到對應要將 .pug轉換成 ? .html 格式的 pug文件 位置

6、對 .pug 文件進行轉換

pug -P ?index.pug ?(-P：保持原有格式輸出)

6、監控pug 文件，自動生成 .html 文件

pug -P -w index.pug(-w：自動編譯)

7、將pug放入相應文件夾a

pug ?*.pug -o a(*.pug 相應的所有.pug 文件 ? 如果沒有a文件夾會自動生成)

三、pug文件復用代碼( 代碼實現。 .pug 都可省略)

1、include ?aa.pug

代碼完全復用，不可對內容進行修改，之間用 空格隔開

2、extends ?可對內部定義的某塊區域進行修改

① ? extends index.pug (完全復用)

② ? ?extends index.pug

block ?source ? ? ?(對index.pug內容中 source 區域進行修改)

四、pug語法

Script的寫法：

(引入時， . 不可省；后的Script寫法變)

一般寫項目時，都有個公眾的 .html

總結

以上是生活随笔為你收集整理的html 转 pug 在线,pug - HTML模板引擎安装器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。