vscodeでHTMLテンプレートをプリセットする方法-VSCode-php.cn

vscodeでHTMLテンプレートをプリセットする方法

王林

リリース： 2019-11-09 15:20:26

オリジナル

4895 人が閲覧しました

vscodeでHTMLテンプレートをプリセットする方法

1. [設定] - [ユーザーコードスニペット] を開きます。

vscodeでHTMLテンプレートをプリセットする方法

2. ポップアップウィンドウで HTML または HTML5 を選択します。 (検索ボックスにクイック検索を入力することもできます)

vscodeでHTMLテンプレートをプリセットする方法

3. デフォルトのコメントを削除し、次のテンプレートを入力します (たとえば、必要な形式で記述できます) )

{
	"html:5": {
		"prefix": "h",
		"body": [
			"<!DOCTYPE html>",
			"<html>",
			"<head>",
				"\t<meta charset=\"UTF-8\">",
				"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
				"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
				"\t<title></title>",
			"</head>",
			"<body>",
				
			"</body>",
			"</html>",
		],
		"description": "HTML5"
	}
}

ログイン後にコピー

prefix 属性の値。ここでは「h」です。ページで h を入力すると、プロンプトが表示されます。

head側のコンテンツの文字エスケープに注意してください。

vscodeでHTMLテンプレートをプリセットする方法