vscode怎么预设html模板


本文摘自PHP中文网,作者V,侵删。

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

caf44129522d3bf1759411dfc627503.png

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

37afb0bebc34571508b30835b24b9f3.png

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

{

    "html:5": {

        "prefix": "h",

        "body": [

            "<!DOCTYPE html>",

            "<html>",

            "<head>",

                "\t<meta charset=\"UTF-8\">",

                "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",

                "\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",

                "\t<title></title>",

            "</head>",

            "<body>",

                 

            "</body>",

            "</html>",

        ],

        "description": "HTML5"

    }

}

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

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

77dce19b8164072db024a835ee599e9.png

推荐教程:vscode教程

以上就是vscode怎么预设html模板的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vsCode和pycharm的区别是什么?

vsCode搜索不全怎么办

vsCode右侧散点状的东西是什么

vsCode终端不显示怎么办

vsCode代码提示不能用怎么办

vsCode 怎么运行代码

vsCode错误getaddrifo的解决办法

vsCode怎么快速查看函数定义

构建vsCode开发调试环境(强大且实用的插件推荐)

vsCode如何变为中文

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...