今天小编跟大家讲解下有关VSCode 自定义html5模板的实现 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关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",
"\t",
"\t
Document","\t",
"\n",
"
","\t
"\t
"\t //创建Vue实例,得到 ViewModel",
"\t var vm = new Vue({",
"\t\tel: '#app',",
"\t\tdata: {},",
"\t\tmethods: {}",
"\t });",
"\t",
"\n",
""
],
"description": "HT-H5" // 模板的描述
}
转义字符解释:
\t \" \n都是转义字符 而空格就是单纯的空格 输入时可以输入空格
\t 的意思是 横向跳到下一制表符位置 等于 Tab键
\" 的意思是 双引号
\n 的意思是回车换行
以上就是本文的全部内容 希望对大家的学习有所帮助 也希望大家多多支持爱蒂网。
来源:爱蒂网
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,多谢。