Emmet

HTML、XML、XSL等を素早く編集できる、テキストエディタ用プラグイン。

VS Codeで標準でインストールされているのでいきなり使用するのみ。

HTMLドキュメント	空のHTMLファイルを開いて、その先頭に「!」を記述し、［Tab］キーを押す
要素	要素名をそのまま記述。div や a など
子要素	div>p。<div>要素内に<p>要素を入れ込む。
繰り返し	li*3。<li>要素を3つ生成する。
テキスト	li*3{item}。<li>要素を3つ生成して、そのテキストを「item」とする。
ナンバリング	li*3{item $}。<li>要素を3つ生成して、そのテキストを「item 1」～「item 3」とする。
ナンバリングの桁揃え	li*3{item $$$}。
IDの指定	div#myid。
クラスの指定	ul>li*3.myclass。
カスタム属性	input[type=“text”]。

猫型iPS細胞研究所