自定义HTML模板

一、系统新建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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容