SublimeText3插件Emmet自定義HTML

工做上總使用Sublime，Emmet默認生成html格式不太知足須要，生成後還須要額外添加一些元素，以下是自定義html格式的步驟，供你們參考：

1. 安裝Sublime Text三、Emmet插件

2. Sublime中打開

 

3. 根據Emmet的snippets.json的層級格式自定義添加

• Emmet的snippets.json路徑：https://github.com/sergeche/emmet-sublime/blob/master/emmet/snippets.json#L689
• 自定義添加代碼以下：

　　

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

原文出處：https://www.cnblogs.com/startRuning/p/10794768.html