jadeについて基本メモ

17 Apr 2017

expressのデフォルトのテンプレートエンジンであるjadeについてのメモ。

jadeとhtmlの対応

jade	html
p hoge	<p>hoge</p>
h1 hoge	<h1>hoge</h1>
input#task(type=’text’, autocomplete=’off’)	<input id=”task” type=”text” autocomplete=”off”>
button(id=’send-button’ onclick=’send()’)Send	<button id=”send-button” onclick=”send()”>Send</button>

p content

contentという言葉がそのまま表示される

p= content

contentという変数の中身が展開される