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中如何断点调试nodejs

vsCode如何快速生成html代码

vsCode 搜索不到任何东西怎么办

vsCode写html的步骤

vsCode中js怎么用不了多行注释

vsCode没有报错提示怎么办?

win7打不开vsCode怎么办

vsCode中如何快速生成html头部标识

浅谈自定义vsCode扩展插件路径的方法(windows环境)

vscommunity与vsCode的区别是什么?

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



打赏

取消

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

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

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

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

评论

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