Edited at

jade(pug)でよく使う書き方。

More than 1 year has passed since last update.

jadeのよく使う特有の書き方、ものすごく忘れるので自分用メモ。


改行せずに要素の入れ子をつくる(主にリストとかリンク、li>a)

タグの後ろに「: + 半角スペース」いれる

nav

ul
li: a(href="#") リンク


改行のbr

p ほげほげ

br
| ほげほげほげ
span ぴよぴよ
br
| ぴよ
br
| ほげ

↓入れ子関係ややこしいけど改行に気をつければ子のタグにも改行入れれる

<p>ほげほげ<br/>ほげほげほげ<span>ぴよぴよ<br/>ぴよ</span><br/>ほげ</p>


要素の繰り返し


for文を使う場合

.content

- for (var i = 0; i < 3; i++) {
.block
h3(class="test") 見出し
p テキストテキスト
- }


eachを使う場合

- var list = ["apple", "banana", "orange"]

ul
- each fruit in list
li= fruit

参考:【Pug】ゴリラでもわかるJade改めPug入門 – Snaplog