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怎么配置node

vsCode怎么一键规范代码格式

golang 能用 vsCode 开发吗?

vsCode中文切换失败

vsCode怎么把sass转换成css

浅谈vsCode中使用git(拉取、提交、克隆)的方法

如何使用vsCode添加文件到git

vsCode可以运行c语言吗

如何删除一键安装的vsCode

vsCode打开乱码怎么办

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



打赏

取消

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

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

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

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

评论

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