📖

VScodeで指定した範囲にdivタグをつける

2024/07/01に公開

こんにちは、テリスです。

webでデザインをしていたら、役立つショートカットを知りましたので残しておきます。

HTMLをコーディングしているときにこのようなことはないでしょうか。

<body>
    <h1>title</h1>
    <div>
        <ul>
            <ls>a</ls>
            <ls>b</ls>
            <ls>c</ls>
        </ul>
    </div>
</body>

bodyの中身の最初と最後にdivタグをつけたい!と

そんな時は、divタグをつけたい範囲を選んで
〈Mac〉command+shift+p
〈Windows〉control+shift+p
を押すと、コマンド一覧が開けます。

その後、検索欄に'wrap'と打つと
Emmet: Wrap with Abbreviation
と出てくるのでクリック、Enter。

そして、再度記入する欄が現れるので'div'と入力してEnter。

これでbodyの中身の最初と最後にdivタグがつきました!

調べていて使えると思いましたので、皆様も是非使ってみてください!

Discussion