HTMLテンプレートエンジンPug
HTMLを作成するときに便利なテンプレートエンジン「Pug」について、軽くまとめました。
その前にnodistを入れておくことが必要になります。
Pugのパッケージをインストール
これでPugが使えるようになりました。
npm install pug-cli -g
これで入っているか確認します。
// インストールされているか確認 $ pug --version
pugファイルをhtml形式にコンパイルする
拡張子は[.pug]になります。
$ pug sample.pug
// HTMLを整形して出力する場合
$ pug sample.pug –pretty<[/php]
sample.pugのところはコンパイルするファイル名にしてください
PUGの書き方
こちらのサイトを参考にするとわかりやすかったので、
リンク張らせていただきます。
覚えるのはこれだけ！Pug(Jade)のよく使う9つの書き方
公式サイト
https://pugjs.org/language/code.html
