VS Code ユーザースペニット登録

ファイル → 基本設定 → ユーザースニペット

拡張子ごとに登録をしていきます。(例:scss) scss.json

"media query": {
    "prefix": "mq",
    "body": [
        "@include mq($1){",
        "\t$2",
        "}",
    ],
    "description": "メディアクエリポイントの設定"
},
  • prefix: 入力する短縮単語
  • body: 展開されるコード
  • $1 : 自分で入力できる箇所(最初にフォーカスが当たる箇所)
  • $2 : tabで移動してフォーカスが当たるところ
  • $3以降も同様にtabでフォーカス移動

「$」を文字として使いたい場合

\\$のように$の前に\\を入れます。

macでのバックスラッシュはoption + ¥

タブを挿入したい場合

\tで入れられる。整形したい時に便利

その他 ダブルコーテーションは\"

JSON でのエスケープ処理 (JSONの値に""", "\" を含める場合の処理) | iPentec

初期値を入れておきたい場合

${1:初期値}と入力すると値が入って展開される

下記のサイトを参考にさせていただきました!感謝します!!

haniwaman.com