本篇文章小编给大家分享一下VSCode自定义html5模板实现代码,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。
(一)新建html快捷键
当我们想在VSCode中新建html代码时,可以 输入! 然后回车或者Tab即可自动生成一个html文件模板,效果如下:
(二)自定义html5模板
但我们每次新建html模板时候,总是感觉太单调,例如我是希望每次新建都自动引入Vue并新建一个空的页面模板,这是是完全可以实现的:
(1)找到html.json文件:点击设置,找到用户代码片段
搜索html,出现html.json文件,点击即可
(2)打开html.json文件后即可自定义设置H5模板
附上html.json文件配置,直接填入原大括号中即可:
"h5 template": { "prefix": "vh", // 对应的是使用这个模板的快捷键 "body": [ "", "", "", "t", "t", "tDocument ", "t", "n", "", "tn", "t", "n", "" ], "description": "HT-H5" // 模板的描述 }
转义字符解释:
t " n都是转义字符,而空格就是单纯的空格,输入时可以输入空格
t 的意思是 横向跳到下一制表符位置 等于 Tab键
" 的意思是 双引号
n 的意思是回车换行
太极熊猫2百度版 安卓版v1.7.1
下载黎明觉醒应用宝版 安卓版v1.111.1
下载暗影格斗3国际版 (Shadow Fight 3)最新版v1.40.3
下载王者战魂华为版 安卓版v3.6.1
下载放置魔法学院免广告版 v2.9.5
放置魔法学院内置Mod菜单是游戏的破解版本,在该版本中为玩家
万乘之国qq版本 安卓版v1.0.5
万乘之国qq版本是一款极具魅力的策略游戏,玩家们可以通过不同
动物餐厅国际服无限内购版 v12.9
动物餐厅国际服免广告版是游戏的破解版本,在该版本中为玩家去除
欧洲卡车司机 安卓版v3.2
欧洲卡车司机是款模拟经营游戏,这款游戏的画面还是蛮逼真的,给
疯狂大酒店 (Grand Hotel Mania)最新中文版v4.10.0.20
疯狂大酒店(Grand Hotel Mania)是一款好玩的