LoginSignup
0
0

More than 3 years have passed since last update.

【Pug】htmlを簡単に書く

Posted at

HTMlを簡単に記述するためのものであり、
閉じタグが要らず、変数を使える「Pug」について
簡潔にまとめたのでこちらでご紹介。

Pugについて

pugの使用にはNode.jsが必要。
◉一般的なPugの特徴として三つ
・includeを使用してファイルを分割できる
・閉じタグが要らない。
・変数が使える(JSと似てる)


- var man = "123456";

Pugのインストール

npm i pug-cli -g

Pugファイルを作る

ファイル名.pugのファイルを適当に作ります。
Image from Gyazo

HTMLに変換する

以下のコマンドを叩きます。

pug index.pug --pretty

以上で終了です。
ご覧いただきありがとうございました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0