![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTrI5NlLSIGTxL96HSJEMwAKPWLuubekiPeG2UBhgqXz_v6m2Z9BevruAQt41yyoiq4T5mwTZ5x8pZFFELgzRkb95Pl9bUl3PEmeBxxYad7firT3BrAd4iJ613bikYBT8-tXkJgeMLTb8u53qxbTW9YPRruX-mjGTjQrp2Y4RNN-i99VuP-HTgXExj/s1600/vscode.png)
VScodeには、snippetsという機能があり、事前に登録した文字列(テンプレート、スニペット)を簡単なショートカットで呼び出すことができる。
document :
https://code.visualstudio.com/docs/editor/userdefinedsnippets
デフォルトで入っているHTMLの呼び出し
1. !(エクスクラメーション・マーク)を入力
デフォルトで登録されているので、ビックリマークを入力すると、次のように表示されます。
2. tabキーを押す
表示されているスニペットのリスト部分をクリックしてもいいのですが、tabキーを押すだけで、下記のコード(HTMLのデフォルト・テンプレート)が、エディタに表示されます。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
独自のスニペットも登録できる
リファレンスサイトにやり方が載ってるので、コーディング効率をアップさせたい人は、独自のコードをどんどん登録してみよう!