Visual Studio Code：Emmet記法の暗黙的な補完機能

divの暗黙的な補完：.container

divの入力を省略して「.container」と入力すると

<div class="container"></div>

と出力されます。

liの暗黙的な補完：ul>.item*5

liの入力を省略して「ul>.item*5」と入力すると、

<ul>
  <li class="item"></li>
  <li class="item"></li>
  <li class="item"></li>
  <li class="item"></li>
  <li class="item"></li>
</ul>

と出力されます。

tableの暗黙的な補完：table>.row2>.col4

trやtdの入力を省略して「table>.row2>.col4」と入力すると、

<table>
  <tr class="row">
    <td class="col"></td>
    <td class="col"></td>
    <td class="col"></td>
    <td class="col"></td>
  </tr>
  <tr class="row">
    <td class="col"></td>
    <td class="col"></td>
    <td class="col"></td>
    <td class="col"></td>
  </tr>
</table>

と出力されます。

情報源

#06 暗黙的な補完機能を活用しよう | Emmet入門

暗黙的にタグを補完してくれる機能について見ていきます。

dotinstall.com

書籍