エンジニアのひよこ_level10

【毎日更新!】新卒3年目エンジニアブログです!

【VSCode】複数のタグの、外側に別なタグを簡単に入れる【883日目】

複数のタグを別なタグでくくりたい

<div>
<div>
<div>
<div>
<div>

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

このように、ネストしてるタグの一番外側にタグを増やすのは面倒。

一番上に開きタグ書いて、一番下にタグを書いて・・・となる。

拡張機能htmltagwrap

これを使うと、選択した範囲の外側にタグが追加される。

  1. ドラッグでタグを選択
  2. alt+wで外側に

    タグを生成する

  3. カーソルがついているので、そのまま目的のタグのキーを打つ

これでpタグ生成→書き換えの流れでタグが簡単に増やせます。

じみーな仕事はどんどん効率化していきましょう。