Emmet - 如何创建多行片段？

Question

如果我在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",

不起作用

如何创建多行代码段？

Answer 1

请参阅http://docs.emmet.io/customization/snippets/

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

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

...或文字摘要：

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

Answer 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]"
  }
}

参考：https://github.com/emmetio/emmet/issues/285