HTMLの雛形をたったの2タップで書き込めるテンプレート機能

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>

独自のスニペットも登録できる

リファレンスサイトにやり方が載ってるので、コーディング効率をアップさせたい人は、独自のコードをどんどん登録してみよう!