千家信息网

vscode预设html模板的操作步骤

发表于:2025-12-04 作者:千家信息网编辑
千家信息网最后更新 2025年12月04日,小编给大家分享一下vscode预设html模板的操作步骤,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、打开:首选项 -
千家信息网最后更新 2025年12月04日vscode预设html模板的操作步骤

小编给大家分享一下vscode预设html模板的操作步骤,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

1、打开:首选项 -- 用户代码片段

2、在弹出的窗口选择HTML或者HTML5都可以(也可以在搜索框输入快速查找)

3、把默认的那些注释删掉,输入下面的模板(示例,可按自己需要的格式来写)

{        "html:5": {                "prefix": "h",                "body": [                        "",                        "",                        "",                                "\t",                                "\t",                                "\t",                                "\t",                        "",                        "",                                                        "",                        "",                ],                "description": "HTML5"        }}

prefix属性的值,这里是"h",当在页面输入h的时候,就会进行提示的了。

head那边的内容注意字符转义。

以上是"vscode预设html模板的操作步骤"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0