Emmet拡張機能を使用する

html,cssの短縮入力方法です。とっつきにくい面はありますが、部分的に使用するだけでかなり入力作業が軽減できます。 この機能は、多くのエディタで、提供されています。

あんちょこ（チートシート）を見ながら、使えそうな機能から覚えていくといいと思います。

ファイルメニューから、機能拡張マネージャーを選択します。

右にあるアイコンからも機能拡張マネージャーを起動できます。

検索窓にemmetと入力するとリストにEmmet拡張が表示されます。インストールをクリックします。

インストールが始まります。

インストールが完了しました。

Emmetメニューが増えています。

Emmetが機能するには、ファイル名の拡張子が、htmlを表す拡張子、あるいはcssである必要あります。