《HTML》これぞ、『コーディングの大革命』!!「pug」ファイルについて

HTMLのこと
こんな人に読んで欲しい!

「pug」ファイルについてを知りたい人

 こんにちは、「なゆた」です!
 2年目に入って、僕はHTMLの授業にて新しいファイルの存在を知りました。

 その名も「pug」ファイルです。

 今回は、その「pug」ファイルについてをお教えします。

「pug」って何?

 「pug」とは、コードの編集のためだけに作られた特別なファイルです。

 HTMLと一緒ですが、HTMLよりも簡易的にコーディングすることができます。

使い方(『Visual Studio Code』使用)

 まずは、「下ごしらえ」ということで、上のメニューの「ターミナル」内の「新しいターミナル」ボタンをクリックします。

 次に、ターミナル・バーが出たら、「gulp watch」と入力して、自動でHTMLファイルとして複製できるようにします。ここで、「下ごしらえ」はおしまいです。

 そして何かしらタグを入力します。
 皆さん、ご覧ください。HTMLファイルと違って、< >」記号もいらないし、締めの「</>」タグもいらないんです!!pugファイルで入力して、「Ctrl(command)」+「S」のキーを押すだけで、自動的にHTMLファイルに反映されるんです!!

最後に 〜これは「コーディングの大革命」である

 いかがでしたか?

 この「pug」ファイルは、HTMLファイルよりもスムーズに作業ができるので(「ターミナル」の「gulp watch」必須ですが)、これぞ「コーディングの大革命」と言えましょう!!

 皆さんも是非、この「pug」ファイルを使ってコーディングをしてみて下さい!!

 とっても気持ち良いですよ!!

 以上です、ありがとうございました!

コメント

タイトルとURLをコピーしました