VScode emmet ラップ変換のショートカット

私が普段使用しているコードエディタ(VScode)にて便利な機能を備忘録的に残そうと思います。

既存の文字列を任意のタグで囲む

<p>
    ①サンプル
    ②サンプル
    ③サンプル
</p>

上記の文章があった場合に、「①サンプル」のみspanタグで囲みたい。
というような状況は頻繁に起こると思います。

「①サンプル」を選択し、Shift + Ctrl + P を押下


「Emmet:ラップ変換」を選択し、Enter

spanと入力し、Enter

<p>
    <span>①サンプル</span>
    ②サンプル
    ③サンプル
</p>

上記の様にspanで囲むことが出来ました。

  Vanilla Bearのホームページ
 

 

  神奈川のWebサイト更新・制作事務所として、ご提供させていただいているサービスの紹介や、日々のお知らせ、事業概要はこちらからご確認ください。  

白熊の更新屋

煩わしい更新作業でお困りの方へ
”白熊の手”お貸しいたします。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA