VSCodeのEmmetが使えない (Webアプリ開発初心者向け)

Emmetとは

VSCodeでHTMLを書くときに、コーディングをショートカットしてくれる便利な機能だそうです。

VSCodeには標準装備されているようなので、拡張機能からインストールをする必要がありません。

Emmetの構文

参考: https://docs.emmet.io/cheat-sheet/

これを初めて使用するときは使えませんでした。
その時の簡単な解決方法は以下となりました。
(他の方法もあるそうですが)

Emmetが使えない時の対処法

1. 左下の設定アイコンから「設定」を選択。
   

2. 「Trigger Expansion On Tab」を検索して有効にする。
   

3. VSCodeを再起動しましょう。

以上で使用できるようになりました。

(以下は 「!」 + Tab と打った時の例)