vs code 自定义用户代码片——理想视口

最新推荐文章于 2022-12-14 16:37:04 发布

原创最新推荐文章于 2022-12-14 16:37:04 发布 · 214 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #ide #visual studio code

这篇博客详细介绍了如何在Visual Studio Code中创建和使用自定义代码片段。步骤包括：进入设置，新建全局代码片段文件，定义代码片段名称，输入并保存HTML示例代码，以及通过输入关键字快速调用和删除代码片段的方法。这对于提升开发效率尤其有帮助。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、点击设置——选择用户代码片段

2、选择新建全局代码片段文件：

3、输入新建代码片的名字：

4、把默认生成的示例代码删掉，复制进新的代码，如下：

复制新的代码，保存：

源码：

{
	"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."
	}
}