🛸

htmlの雛形を秒で作成する

2022/07/03に公開

発見

VSCodeでhtmlの雛形が秒で作成出来る補完機能を発見、備忘録として残します。
※ネットで検索したらゴロゴロありましたw。でも、自分で発見したので嬉しかった。です。

環境

IDE:VSCode バージョン(1.68.1)

Shift + !で本当にびっくり

  • メニュー → ファイル → 新しいテキストファイルを選択します。
  • ファイルの言語モードをhtmlに変換します。

  • Shift + !を入力すると補完機能が働き「!」と「!!!」が選べます。「!」を選択します。
  • htmlの雛形が出力されました。

ちょっと修正

htmlのlangをjaに変更し、日本語ページであることを設定します。

<html lang="en"><html lang="ja">

VSCodeのデフォルト?

この補完機能がVSCodeのデフォルトなのか、もしくは何かしらの拡張機能の影響なのか
調べてみました。
どうやら、VSCodeに元々備わっている入力補完(Emmet)の様でした。
他にも沢山の入力補完がありました。公式のページを載せておきます

ありがとうございます。

自分発見ということで記事にしましたが、皆さんご存知でしたw

ご意見、ご批判頂ければ幸いです。

Discussion