美文网首页
自定义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