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

二、pug安裝(終端)

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

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

node -v

npm -v

3、在 npm 中安裝pug

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

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

pug --help

5、找到對應(yīng)要將 .pug轉(zhuǎn)換成 ? .html 格式的 pug文件 位置

6、對 .pug 文件進(jìn)行轉(zhuǎn)換

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

6、監(jiān)控pug 文件，自動生成 .html 文件

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

7、將pug放入相應(yīng)文件夾a

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

三、pug文件復(fù)用代碼( 代碼實現(xiàn)。 .pug 都可省略)

1、include ?aa.pug

代碼完全復(fù)用，不可對內(nèi)容進(jìn)行修改，之間用 空格隔開

2、extends ?可對內(nèi)部定義的某塊區(qū)域進(jìn)行修改

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

② ? ?extends index.pug

block ?source ? ? ?(對index.pug內(nèi)容中 source 區(qū)域進(jìn)行修改)

四、pug語法

Script的寫法：

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。