スニペットの登録方法

</aside>

手順

スニペット登録したいコードのインデントを左端に揃える
コピーして、こちら のサイトへコピペする
prefixにスニペットを出力させるための文字（自分でわかりやすい文字）を入力してスニペット作成ボタンを押す
作成されたコードをクリップボードへコピー
VSCodeの左下の設定からユーザースニペットを選択
htmlを登録したい場合は、html.json、scssを登録したい場合はscss.json 等を選択

もしhtml.jsonなどが出てこない場合は、右上の Code → 基本設定 → ユーザースニペットの構成で出てくると思います！
一番外側の{ }の中に4.でコピーしたコードを記述して終了

<aside> <img src="/icons/conversation_blue.svg" alt="/icons/conversation_blue.svg" width="40px" /> 補足

※ $1, $2 などと記述すれば、スニペットを出力した際に $1 の場所にカーソルが当たった状態から始まり、tab キーを押すと $2, $3, … の位置へと自動で移動するようになります！

※ 拡張機能などが原因でうまく機能しないことがありますのでその場合は適宜調べながら調整してください。

</aside>

登録手順の動画