VSCode(visual studio code)scssのjsonを設定する方法

ホームページ

今回はVisual Studio Codeのscssをjsonに設定する方法です。

これがいかんせんわかりづらかった。
Chat GPTで検索すると、
と設定画面を教えてくれますが、この設定方法がいかんせんわかりづらい。

VSCodeで
 Ctrl + Shift + P
「ユーザースニペットの構成」と入力
scss.json(または新規作成)を選択

と教えてくれるのですが、この通りにやってもまず出てこない。

更にChatGPTに聞くと、

画面左下の⚙(歯車)クリック
設定のから「ユーザースニペット」を探す

この「ユーザースニペット」の項目が見つからない。
設定画面で何度探したことか。

ハマりにハマって見つけた方法が次です。

歯車→スニペット→scssを検索

まず左下の歯車をクリック。

jsonでscssの設定手順①

次にスニペットをクリック。
設定ではなくスニペット。

jsonでscssの設定手順②

検索でscssと入力すると、jsonの項目が出てくるのでクリック。

jsonでscssの設定手順③

以上です。

今回scssでしたが、他の言語も検索できるのでこの方法を覚えておくと良いかもしれません。

コメント