怎么使用vscode写html5?
自定义html5模板
我们每次新建html模板时候,总是感觉太单调,例如我是希望每次新建都自动引入Vue并新建一个空的页面模板,这是是完全可以实现的:
推荐学习:vscode教程
(1)找到html.json文件:点击设置,找到用户代码片段
立即学习“前端免费学习笔记(深入)”;

搜索html,出现html.json文件,点击即可

(2)打开html.json文件后即可自定义设置H5模板

附上html.json文件配置,直接填入原大括号中即可:
"h5 template": { "prefix": "vh", // 对应的是使用这个模板的快捷键 "body": [ "", "", "", "t", "t", "t", "tDocument ", "t", "n", "", "t n", "t", "t //创建Vue实例,得到 ViewModel", "t var vm = new Vue({", "ttel: '#app',", "ttdata: {},", "ttmethods: {}", "t });", "t", "n", "" ], "description": "HT-H5" // 模板的描述 }
转义字符解释:
t ” n都是转义字符,而空格就是单纯的空格,输入时可以输入空格
t 的意思是 横向跳到下一制表符位置 等于 Tab键
” 的意思是 双引号
n 的意思是回车换行
以上就是怎么使用vscode写html5的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/66188.html
微信扫一扫
支付宝扫一扫