VS code添加自定义用户代码块步骤——理想视口代码片段

最新推荐文章于 2025-06-16 17:00:00 发布

原创最新推荐文章于 2025-06-16 17:00:00 发布 · 497 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #前端

本文教你如何在设置中创建一个全局代码块，包括删除预置内容并粘贴自定义HTML5模板。适合新手理解HTML5结构并个性化代码组织。

1、点击设置，用户代码片段

2、点击新建全局代码块

3、给代码块的起一个名字

4、删除里面的全部代码

5、把下面的代码全选复制直接粘贴进去保存就行了

{
	"html": {
		"prefix": "html",
		"body": [
			"<!DOCTYPE html>",
			"<html>\n",
			"<head>",
			"\t<meta charset=\"UTF-8\">",
			"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\">",
			"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
			"\t<title>Document</title>",
			"\t<link rel=\"stylesheet\" href=\"$1\">",
			"\t<script src=\"$2\"></script>",
			"</head>\n",
			"<body>\n$3",
			"</body>\n",
			"</html>"
		],
		"description": "The full sample code - html5."
	}
}