pugを使ってみよう

とりあえず、チュートリアルに沿って書いてみます。

doctype html
html(lang="ja")
	head
		meta(charset="utf-8")
		title タイトル
	body
		h1 見出し1
			p Pugテスト

コマンドラインでコンパイルします。
[vagrant@localhost python]$ pug index.pug

rendered index.html

なにーーーーーーーーーーーーーー、htmlファイルができている。。。

で、ソースを見ると。。。

<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><title>タイトル</title></head><body><h1>見出し1<p>Pugテスト</p></h1></body></html>

気持ちわりー、なんだこれ。。。。。。。。
あ、インデントがない。

–prettyをつけます。
[vagrant@localhost python]$ pug index.pug –pretty

rendered index.html

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <title>タイトル</title>
  </head>
  <body>
    <h1>見出し1
      <p>Pugテスト</p>
    </h1>
  </body>
</html>

あれ、h1の閉じタグがおかしい。

h1と同じインデントにすると、治った。何故?

		h1 hoge
		p それそれ