首页 >开发工具 >VSCode > 正文

vscode怎么预设html模板

原创2019-11-09 15:20:260307
phpStudy Linux 面板(小皮面板)

1、打开:首选项 -- 用户代码片段

caf44129522d3bf1759411dfc627503.png

2、在弹出的窗口选择HTML或者HTML5都可以(也可以在搜索框输入快速查找)

37afb0bebc34571508b30835b24b9f3.png

3、把默认的那些注释删掉,输入下面的模板(示例,可按自己需要的格式来写)

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

prefix属性的值,这里是”h“,当在页面输入h的时候,就会进行提示的了。

head那边的内容注意字符转义。

77dce19b8164072db024a835ee599e9.png

推荐教程:vscode教程

以上就是vscode怎么预设html模板的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:vscode 预设 html 模板
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类