摘要:學(xué)習(xí)由于商標(biāo)版權(quán)問題,已經(jīng)改名為。是一個(gè)高性能的模板引擎,它是用實(shí)現(xiàn)的,并且可以供使用當(dāng)然還支持其他語言。
pug學(xué)習(xí)
jade(pug)
由于商標(biāo)版權(quán)問題,jade已經(jīng)改名為Pug。
Pug 是一個(gè)高性能的模板引擎,它是用 JavaScript 實(shí)現(xiàn)的,并且可以供 Node 使用,當(dāng)然還支持其他語言。
文件后綴名為.pug(.jade)
pug優(yōu)點(diǎn)可讀性高
靈活的縮進(jìn)
塊展開
代碼默認(rèn)經(jīng)過編碼處理(轉(zhuǎn)義),安全性高
運(yùn)行時(shí)和編譯時(shí)上下文錯(cuò)誤報(bào)告
支持命令行編譯
支持html5模式
在內(nèi)存中緩存(可選)
原生支持 Express
合并動(dòng)態(tài)和靜態(tài)標(biāo)簽類
過濾器
安裝npm安裝 建議安裝個(gè)nrm來進(jìn)行源管理
</>復(fù)制代碼
npm install pug -g
npm install pug-cli -g
測(cè)試demo
為了方便編寫代碼,最好把編譯器的tab設(shè)置:2.
</>復(fù)制代碼
// index.jade
doctype html
html
head
title jade test
body
h2 jade study
粗暴的編譯方法
</>復(fù)制代碼
// index.html
jade test jade study
發(fā)現(xiàn)編譯后的代碼不具備可讀性
</>復(fù)制代碼
pug -- help
Options:
-P, --pretty compile pretty HTML output ## 輸出漂亮結(jié)構(gòu)的HTML
-D, --no-debug compile without debugging (smaller functions) ## 不帶調(diào)試的編譯
-w, --watch watch files for changes and automatically re-render ## 對(duì)某個(gè)文件的變動(dòng)保持監(jiān)控
-E, --extension specify the output file extension ## 指定輸出文件擴(kuò)展名
-s, --silent do not output logs ## 不輸出日志
// 重新編譯
pug -P index.jade
jade <span class="hljs-built_in">test</span>
jade study
自動(dòng)編譯
只是為了學(xué)習(xí),這里只要設(shè)置-w -P .開發(fā)中通過打包工具來進(jìn)行自動(dòng)編譯.
</>復(fù)制代碼
pug pug -o . -w -P
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/113649.html
摘要:學(xué)習(xí)由于商標(biāo)版權(quán)問題,已經(jīng)改名為。是一個(gè)高性能的模板引擎,它是用實(shí)現(xiàn)的,并且可以供使用當(dāng)然還支持其他語言。 pug學(xué)習(xí) jade(pug)由于商標(biāo)版權(quán)問題,jade已經(jīng)改名為Pug。Pug 是一個(gè)高性能的模板引擎,它是用 JavaScript 實(shí)現(xiàn)的,并且可以供 Node 使用,當(dāng)然還支持其他語言。 文件后綴名為.pug(.jade) pug優(yōu)點(diǎn) 可讀性高 靈活的縮進(jìn) 塊展開 代碼默...
摘要:學(xué)習(xí)由于商標(biāo)版權(quán)問題,已經(jīng)改名為。是一個(gè)高性能的模板引擎,它是用實(shí)現(xiàn)的,并且可以供使用當(dāng)然還支持其他語言。 pug學(xué)習(xí) jade(pug)由于商標(biāo)版權(quán)問題,jade已經(jīng)改名為Pug。Pug 是一個(gè)高性能的模板引擎,它是用 JavaScript 實(shí)現(xiàn)的,并且可以供 Node 使用,當(dāng)然還支持其他語言。 文件后綴名為.pug(.jade) pug優(yōu)點(diǎn) 可讀性高 靈活的縮進(jìn) 塊展開 代碼默...
摘要:一初步認(rèn)識(shí)所謂的就是我們之前說的也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。使用縮進(jìn)來表示標(biāo)簽間的嵌套關(guān)系,這樣可以構(gòu)建一個(gè)代碼的樹狀結(jié)構(gòu)持續(xù)更新,歡迎大家指教 一、初步認(rèn)識(shí)pug 1.所謂的pug就是我們之前說的jade,也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。此外,用這種編譯方式,加...
摘要:一初步認(rèn)識(shí)所謂的就是我們之前說的也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。使用縮進(jìn)來表示標(biāo)簽間的嵌套關(guān)系,這樣可以構(gòu)建一個(gè)代碼的樹狀結(jié)構(gòu)持續(xù)更新,歡迎大家指教 一、初步認(rèn)識(shí)pug 1.所謂的pug就是我們之前說的jade,也就是一種通過縮進(jìn)的方式來編寫代碼的過程,在編譯的過程中,我們不需要考慮標(biāo)簽是否閉合的問題。此外,用這種編譯方式,加...
摘要:創(chuàng)建打包路徑利用這個(gè)方法,我們可以獲得需要打包的文件路徑方法中獲取文件路徑的模塊也可使用模塊,根據(jù)獲得打包的文件路徑,我們可以使用來實(shí)現(xiàn)多頁面打包。 前言 一開始接觸webpack是因?yàn)槭褂肰ue的關(guān)系,因?yàn)閂ue的腳手架就是使用webpack構(gòu)建的。剛開始的時(shí)候覺得webpack就是為了打包單頁面而生的,后來想想,這么好的打包方案,只在單頁面上使用是否太浪費(fèi)資源了呢?如果能在傳統(tǒng)多頁...
閱讀 3410·2021-09-22 15:01
閱讀 535·2019-08-30 11:11
閱讀 967·2019-08-29 16:17
閱讀 1219·2019-08-29 12:23
閱讀 2036·2019-08-26 11:48
閱讀 3189·2019-08-26 11:48
閱讀 1429·2019-08-26 10:33
閱讀 1938·2019-08-26 10:30