关于VsCode快速生成HTML模板

最新推荐文章于 2023-10-09 22:16:09 发布

凤殊殁缪

最新推荐文章于 2023-10-09 22:16:09 发布

阅读量857

点赞数 1

文章标签： html 前端 javascript visual studio code

本文链接：https://blog.csdn.net/qq_62223782/article/details/128834350

版权

废话不对说，直接上操作

打开我们的VsCode编辑器后，选择“文件”：

在文件下拉菜单的下方找到“首选项”

点开后找到“配置用户代码片段”

此时会出现一个菜单下拉框，我们找到“html.json”（也可以自己新建一个，这些不重要）

删除掉原有的所有注释，输入以下代码（我自己准备好的）：

{
	"html:5": {
		"prefix": "js",
		"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>\n",
				
			"</body>",
			"<script>\n",
			
			"</script>",
			"</html>",
		],
		"description": "HTML5"
	}
}

不懂的话可以看下下面的注释：