VSCodeのちょっとしたTips。
（設定方法をすぐに忘れてしまうので、備忘録として）
Reactのコードを書いていると、複数の要素をまとめて囲いたいことありますよね。
コンポーネントの要素が多くなってくるとネストが深くなってきて、閉じる場所を見失ったりすることありませんか？
VSCodeでは複数要素をまとめて囲うことができるキーバインド設定が可能です。
動作はこんな感じ。
設定は簡単。VSCodeのキーボードショートカットで「Wrap with Abbreviation」のキーバインド設定をするだけです。
お好きなキーバインドを設定してください。（私は、Option + wにしてます。キー打つ時にCommand + wと間違えやすいのが玉に瑕）
地味に嬉しいTips情報でした。