感覺自己有段時間沒有跟新了,唉,只是一直找不到可以寫的必要
其實我一直對pug特別感興趣的,安裝點我
記得全域性安裝pug和pug-cli就行了
在webstorm配環境記得在前面加-p
a: img內聯式語法
input/自閉合
button.btn.btn-tt.btn-aaa(type="button") #[div 123]
='\n'
div#foo(data-bar='foo' checked) 這裡面也可以寫文字 #[div]
uleach val in [1,2,3,4,5]
li=val
// ------插入css/js/html
style
include style.css
script
include script-1.js
html
include 222.pug
p| 其實我這也是能寫東西的 #[a(href="#")]
p 我是不是可以再可以寫內容
include 222.pug
在標籤裡插入其他內容
- var title = "還是我寫寫中文吧";
h1=title
- var author="enlore";
p #- ttt='';
a(href=ttt) 按照這樣的語法寫就行了
前端學習 Pug模板
1.類名和id名 a.button a class button a button a id button 編譯後 如果前面沒指定標籤名，則預設div 2.屬性 用 包裹，屬性值之間用逗號隔開。可實現根據條件設定屬性的語法形式 atrributes 更方便新增自定義屬性 3.文字內容 a href ...
pug模板引擎
其實檔案結構啥的是為了業務邏輯更加清晰 index是主頁面,從default繼承.default裡面也include了includes檔案裡的內容,乙個是css樣式link,乙個是js的原始檔script extends layouts default block title title koa d...
Pug模板繼承與拓展
pug 支援使用block和extends關鍵字進行模板的繼承 block代表乙個 塊 一 塊的替換 如下 便有三個 塊block scripts,block content,block foot layout.pug html head title 我的站點 block scripts scrip...