【VScode】修改html模初始化板（使用!Tab键生成的模板）

最新推荐文章于 2022-07-09 02:13:34 发布

在下小秦

最新推荐文章于 2022-07-09 02:13:34 发布

阅读量1.3k

点赞数

分类专栏： Html 文章标签： html json js javascript vue

本文链接：https://blog.csdn.net/possible999/article/details/113764242

版权

Html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

前言

修改模板通过修改html.json实现

下图为vscode默认模板：上图为修改前模板

关键：寻找html.json

我的html.json路径为：

如果不同，建议到vscode所在文件夹搜索snippets，
若找不到根文件夹，可通过打开settings.json，在其路径下寻找。

如果找不到html.json，可直接在snippets目录下新建一个html.json

模板代码（可直接复制）

其中，“vv”为快捷键，可自行更改。

{
	
      "Print to console": {
		"prefix": "vv",
	 	"body": [
			"<!DOCTYPE html>",
			"<html lang=\"en\">",
			"<head>",
    		"\t<meta charset='UTF-8'>",
			"\t<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">",
    		"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
    		"\t<title>Document</title>",
			"\t<script type='text/javascript' src=\"vue.js\"></script>",
			"</head>",
			"<!--   CSS   -->",
			"\t<style type=\"text/css\">",
			"\t",
			"\t",
			"\t</style>\n",
			"<body>",
			"\t<div>\n\n",

			"\t</div>",

			"<!--   JS   -->",
			"\t<script type='text/javascript'>",
			"\t",
			"\t",
			"\t</script>",
			"</body>",
			"</html>"
	 		//"console.log('$1');",
	 		//"$2",
	      
	 	],
	 	"description": "Log output to console"
	 } 
}

结果显示

在这里插入图片描述

在下小秦

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【VScode】修改html模初始化板（使用!Tab键生成的模板）

前言修改模板通过修改html.json实现关键：寻找html.json我的html.json路径为：如果不同，建议到vscode所在文件夹搜索snippets，若找不到根文件夹，可通过打开settings.json，在其路径下寻找。模板代码（可直接复制）其中，“vv”为快捷键，可自行更改。{ "Print to console": { "prefix": "vv", "body": [ "<!DOCTYPE html>", "<ht
复制链接

扫一扫