Emmet - 如何创建多行代码段？答案

【问题标题】：Emmet - how to create multi-line snippets?Emmet - 如何创建多行代码段？
【发布时间】：2015-02-09 19:59:57
【问题描述】：

如果我在 Emmet.sublime-settings 中创建此代码

"jqo": "<script src='//code.jquery.com/jquery-1.11.0.min.js'></script>$1"

它的作品。

但是

  "bs" : "<link rel='stylesheet' href='1.min.css'>
          <link rel='stylesheet' href='2.min.css'>$1",

或者

  "bs" : "<link rel='stylesheet' href='1.min.css'> \n <link rel='stylesheet' href='2.min.css'>$1",

没有用

如何创建多行sn-p？

【问题讨论】：

【解决方案1】：

见http://docs.emmet.io/customization/snippets/

在您的情况下，您应该创建别名：

{
    "abbreviations": {
        "bs": "link[href=1.min.css]+[link[href=2.min.css]"
    }
}

...或文本 sn-p:

{
    "snippet": {
        "bs": "<link rel='stylesheet' href='1.min.css'>\n<link rel='stylesheet' href='2.min.css'>"
    }
}

【讨论】：

【解决方案2】：

Sergey Chikuyonok 是正确的，但他的答案中有一个多余的方括号。

这按预期工作：

{
  "abbreviations": {
    "bs": "link[href=1.min.css]+link[href=2.min.css]"
  }
}

但是如果你需要在两个链接元素之间再换行，你可以这样做

{
  "abbreviations": {
    "bs": "link[href=1.min.css]+{${newline}}+link[href=2.min.css]"
  }
}

【讨论】：