こんな人に読んで欲しい!
「pug」ファイルについてを知りたい人
こんにちは、「なゆた」です!
2年目に入って、僕はHTMLの授業にて新しいファイルの存在を知りました。
その名も「pug」ファイルです。
今回は、その「pug」ファイルについてをお教えします。
「pug」って何?
「pug」とは、コードの編集のためだけに作られた特別なファイルです。
HTMLと一緒ですが、HTMLよりも簡易的にコーディングすることができます。
使い方(『Visual Studio Code』使用)
まずは、「下ごしらえ」ということで、上のメニューの「ターミナル」内の「新しいターミナル」ボタンをクリックします。
![](https://nayuta-win.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-11-10.40.44.png)
次に、ターミナル・バーが出たら、「gulp watch」と入力して、自動でHTMLファイルとして複製できるようにします。ここで、「下ごしらえ」はおしまいです。
![](https://nayuta-win.com/wp-content/uploads/2022/07/スクリーンショット-2022-06-11-10.44.14.png)
そして何かしらタグを入力します。
皆さん、ご覧ください。HTMLファイルと違って、「< >」記号もいらないし、締めの「</>」タグもいらないんです!!pugファイルで入力して、「Ctrl(command)」+「S」のキーを押すだけで、自動的にHTMLファイルに反映されるんです!!
![](https://nayuta-win.com/wp-content/uploads/2022/06/スクリーンショット-2022-06-11-10.46.31.png)
最後に 〜これは「コーディングの大革命」である
いかがでしたか?
この「pug」ファイルは、HTMLファイルよりもスムーズに作業ができるので(「ターミナル」の「gulp watch」必須ですが)、これぞ「コーディングの大革命」と言えましょう!!
皆さんも是非、この「pug」ファイルを使ってコーディングをしてみて下さい!!
とっても気持ち良いですよ!!
以上です、ありがとうございました!
コメント