怎样改变sublime text 中输入html:5按下Tab键之后自动生成的代码?

我发现在sublime text 3中安装某个插件之后,输入html:5再按Tab键,会自动变成代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

这可真是个不错的功能。但是我希望让自动生成的代码变成

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scable=no" />
    <title>Document</title>
</head>
<body>
    
</body>
</html>

这需要在哪里修改一下呢?

阅读 5.2k
2 个回答

https://www.cnblogs.com/taode... 这里找到办法了。
sublime text 3 >首选项>package settings>emmet>settings user>

{
    // Custom snippets definitions, as per https://github.com/emmetio/emmet/blob/master/snippets.json
    "snippets": {
        "html": {
            "snippets": {
                "myfavicon": "<link rel=\"shortcut icon\" type=\"image/ico\" href=\"/favicon.ico\" />",
                "mycompat": "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\" />\n<!--[if lt IE 9]>\n<script src=\"https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js\"></script>\n<script src=\"https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js\"></script>\n<![endif]--><!--[if IE 9]>\n<script src=\"https://cdn.bootcss.com/geopattern/1.2.3/js/base64.min.js\"></script>\n<script src=\"https://cdn.bootcss.com/geopattern/1.2.3/js/typedarray.min.js\"></script>\n<![endif]-->",
                "360compat": "<meta name=\"renderer\" content=\"webkit\">",
                "mykeywords": "<meta name=\"keywords\" content=\"your keywords\">",
                "mydesc": "<meta name=\"description\" content=\"your description\">",
                "myviewport": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                "bootstrap4": "<link href=\"https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css\" rel=\"stylesheet\">\n<script src=\"https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.js\"></script>",
                "bootstrap3": "<link href=\"https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n<script src=\"https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js\"></script>"


            },
            "abbreviations": {
                "mydoc": "html>(head>meta[charset='utf-8']+title{${1:文档标题}}+mykeywords+mydesc+myviewport+mycompat)+body+jq3",
                "html:5": "!!!+mydoc[lang='zh-cn']",
                "jq3":"script[src='https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js']"
            }
        }
    }
}

给你个方向去google,你想要的是修改这个插件定义的xxxx.sublime-snippet文件。如果这个插件在github上有项目的话,应该有相关的资料

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进