美文网首页
自定义HTML模板

自定义HTML模板

作者: HCL黄 | 来源:发表于2021-06-16 14:54 被阅读0次

一、系统新建HTML的快捷键

直接新建文件,并保存改名为test.html。然后输入!+回车或者!+Tab,就可以生成html模板,如图:

1.png
2.png

二、自定义快捷键

第一步,找到设置 -- 用户代码片段

3.png
第二步,搜索html.json,点击进入该文件
4.png
第三步,将HTML模板的代码片段或者自己喜欢模板片段放到大括号里面即可
"h5 template": {        
        "prefix": "html", // 对应的是使用这个模板的快捷键        
        "body": [         
            "<!DOCTYPE html>",         
            "<html lang=\"en\">",         
            "<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>Document</title>",                     
            "\t</head>",         
            "<body>\n",                 
            "</body>",         
            "</html>"        
        ],        
        "description": "使用快捷键html就可以快速创建出模板" // 模板的描述     
    }
5.png

最后我们就可以在test.html文件中使用自定义快捷键html+回车或者html+Tab快速创建模板

6.png

相关文章

网友评论

      本文标题:自定义HTML模板

      本文链接:https://www.haomeiwen.com/subject/jloxyltx.html