vscode 快速生成HTML代码片段

最新推荐文章于 2024-05-12 15:58:09 发布

ThawingX

最新推荐文章于 2024-05-12 15:58:09 发布

阅读量530

点赞数 1

文章标签： html html5 vscode

本文链接：https://blog.youkuaiyun.com/qq_48626600/article/details/119547372

版权

本文介绍了如何在VSCode中快速生成HTML代码片段的两种方法。第一种方法是通过配置html.json或html5.json文件，自定义代码片段，设置好prefix后，在编辑时输入相应的快捷键即可。第二种方法目前待补充。

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

vscode 快速生成HTML代码片段

方法一配置html.json文件
方法二待添加...

方法一配置html.json文件

选择用户片段
输入html.json 或者 html5.json
修改内容

"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}</title>",
			"</head>",
			"<body>",
				
			"</body>",
			"</html>",
		],
		"description": "HTML5"
	}