首页 网络技术
  1. 正文

vscode预设html模板的操作步骤

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

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

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那边的内容注意字符转义。

本文标题:vscode预设html模板的操作步骤
本文链接:https://www.qqooo.cn/post/5879.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!