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

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

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

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

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

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

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


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

spanと入力し、Enter

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

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