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

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