怎么使用vscode写html5

怎么使用vscode写html5?

自定义html5模板

我们每次新建html模板时候,总是感觉太单调,例如我是希望每次新建都自动引入Vue并新建一个空的页面模板,这是是完全可以实现的:

推荐学习:vscode教程

(1)找到html.json文件:点击设置,找到用户代码片段

立即学习“前端免费学习笔记(深入)”;

050b0d49c655f13d06dfd5a7fcc3596.png

 

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

 833d5b3da1a7f6a424e53f6f13c6da2.png

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

 44ab55503c5c2991e284c1446294c54.png

 

 附上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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月12日 05:15:00
下一篇 2025年11月12日 05:48:38

相关推荐

发表回复

登录后才能评论
关注微信