Emmet:タブキーで自動入力

vscodeで、HTMLタグなどを入力するときに、覚えておくとタイプする文字数をかなり省略できる。たびたび、忘れるのでここでメモする。

html:5

とすると、HTMLの雛形が出てきます。

.row|c

とすると、なんと、

<div class="row">
</div>
<!-- /.row -->

とどのクラスを閉じたのか明白となります。

div+h1

などと、[+]を使うと、並列にタグを記載します

<div></div>
<h1></h1>

さらに、ネストさせるには、

div>h1

とすればOK。以下のようになります

<div>
<h1></h1>
</div>

繰り返しは、[*]を使います

div*5

とすると、

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

他にもいろいろとあるけれど、よく使うのはこんなあたり。