900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > vscode生成html模板快捷键以及自定义html模板

vscode生成html模板快捷键以及自定义html模板

时间:2023-04-29 08:06:47

相关推荐

vscode生成html模板快捷键以及自定义html模板

一、生成html快捷键

! + tab! + Enter

注:! 是英文的感叹号,其次直接输入 ! 再按tab或enter键,不要加 <后再按 ! + tab/enter,这种是生成不了html模板。

生成的html模板为下图:

二、上述快捷键不行,自定义html模板

第一步,点开设置-->选择配置用户代码片段

第二步,输入html.json

第三步,点击进入设置,并输入以下代码

进入时的html.json中的内容

需要增加的内容为

"h5 template": {"prefix": "!", // 对应的是使用这个模板的快捷键,这里定义的是!,大家自己可以随意定义,//但最好不要与系统自带的重复,如果是符号注意中英文"body": [//body里面就是按下tab键后生成的内容,可以根据自己的需求更改,\"、\n和\t均为转义字符"<!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>", "</head>","<body>\n","</body>","</html>"],"description": "HT-H5" // 模板的描述}

添加后的html.json的内容如下:

使用这个模式生成的模板效果图如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。