用于元媒体查询的Emmet自定义html代码段

我想在Sublimitext 2中为emmet创建一个自定义html代码缩写。例如，我可以使用link:css，它扩展为：

<link rel="stylesheet" href="style.css">

在这个文件：Emmet.sublime-settings中，我在标题为“snippets”的部分下添加了以下代码：{

//可以改进
“html”：{
“缩写”：{
“link:mqm”：“好的，我找到了解决方案

首先，此位置有一个snippets.json文件：

C:\Users\Username\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet

C:\Users\Username\AppData\Roaming\Sublime Text 2\Packages\Emmet

它列出了所有的缩写，所以我在“html”下查找，然后找到了“link:css”。这是我自己代码片段的模板

接下来，我打开了文件Emmet.sublime-settings，位于以下位置：

C:\Users\Username\AppData\Roaming\Sublime Text 2\Packages\Emmet\emmet

C:\Users\Username\AppData\Roaming\Sublime Text 2\Packages\Emmet

我发现“设置”部分实际上添加了（或者应该说是“覆盖”）前面提到的“settings.json”文件

        "html": {
        "abbreviations": {
            "link:media": "<link rel=\"stylesheet\" type=\"text/css\" media=\"only screen and (min-width:${1:50}px) and (max-width:${2:500}px)\" href=\"${3:style}.css\" />"
        }
    },

“html”：{
“缩写”：{
“链接：媒体”：”
}
},

…它的工作原理正是我想要的

        "html": {
        "abbreviations": {
            "link:media": "<link rel=\"stylesheet\" type=\"text/css\" media=\"only screen and (min-width:${1:50}px) and (max-width:${2:500}px)\" href=\"${3:style}.css\" />"
        }
    },