VSCodeのちょっとしたTips。
（設定方法をすぐに忘れてしまうので、備忘録として）

Reactのコードを書いていると、複数の要素をまとめて囲いたいことありますよね。
コンポーネントの要素が多くなってくるとネストが深くなってきて、閉じる場所を見失ったりすることありませんか？

VSCodeでは複数要素をまとめて囲うことができるキーバインド設定が可能です。
動作はこんな感じ。

設定は簡単。VSCodeのキーボードショートカットで「Wrap with Abbreviation」のキーバインド設定をするだけです。

お好きなキーバインドを設定してください。（私は、Option + wにしてます。キー打つ時にCommand + wと間違えやすいのが玉に瑕）

地味に嬉しいTips情報でした。