📝

VSCodeでスニペットを登録するやり方

2021/04/25に公開

jsonで記載しますが、知らなくても簡単なのですぐにできてしまいます。

1.File→Preferernce→UserSnippets

2.自分が使う言語を選びましょう。

言語が違っても書き方は同じはずです

こんな画面が出てきます。

3.コピペでコード作成して貼る

書き方に関してですが、簡単ですがめんどくさいので便利なVSCodeスニペット用コード作成ツールというサイトで作成しちゃいましょう。

prefixがスニペットを表示するワードで、下の画面にコードをコピペします。例としてC#でprefixをsで登録してswitch文というコードをVSCodeスニペット用コード作成ツールで作成してVSCodeで貼り付けます。

//説明文
"s": {
//表示するためのワード
"prefix": "s",
//表示するコード
"body": [
		"switch (number)",
		"            {",
		"                case 1:",
		"                    break;",
		"                case 2:",
		"                    break;",
		"            }",

(bodyの文中に$0と入力するとコードを表示した際にその部分にカーソルが自動で移動してくれます。)

4.完成

保存して、sと入力すると候補が出てくるようになったのでクリックすると

このようにコードが追加されました。

動画でも一応手順載せときました↓

https://www.youtube.com/watch?v=OsspJhSPZr0

これで今までググってコピペして書いていたコードを一文字とEnterキーのみでコードを書くことが出来て、僕は大満足です。

Discussion