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怎么打开控制台

vsCode icon怎么用

vsCode怎么配置react代码自动补全?

解决代码在vsCode里不高亮的问题

vsCode输出框中文乱码怎么办

vsCode编辑器如何设置透明背景

vsCode+vue+红线报错的问题怎么解决

vsCode中如何设置多行注释快捷键

vsCode怎么修改当前工作区默认文件编码

vsCode中如何使用ts

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



打赏

取消

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

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

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

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

评论

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