SublimeText3插件Emmet自定义HTML

工作上总使用Sublime，Emmet默认生成html格式不太满足需要，生成后还需要额外添加一些元素，如下是自定义html格式的步骤，供大家参考：

1. 安装Sublime Text3、Emmet插件

2. Sublime中打开

 

3. 根据Emmet的snippets.json的层级格式自定义添加

　　

1 {
2     "snippets": {
3         "html": {
4             "abbreviations": {
5                 "!!": "!!!+html[lang=zh-CN]>(head>meta[charset=${charset}]+meta:compat+meta:vp+title{${1:Document}}+style)+body"
6             }
7         }
8     }
9 }
View Code

层级说明如下图：

 

参考：

  1. https://github.com/sergeche/emmet-sublime/blob/master/emmet/snippets.json#L689
  2. https://my.oschina.net/babycat/blog/546178
posted @ 2019-04-30 10:58  不去寻觅  阅读(771)  评论(0)  编辑  收藏  举报