【问题标题】:Custom abbreviation snippet not expanding past first element in Emmet Sublime Text 3自定义缩写片段不扩展超过 Emmet Sublime Text 3 中的第一个元素
【发布时间】:2015-03-30 12:41:08
【问题描述】:

我是 Emmet 的新手。尝试创建扩展为:

<link rel="stylesheet" href="http://www.domain.com/path/CSstyles.css">
<link rel="stylesheet" href="http://www.domain.com/path/CDstyle2.css">
<link rel="stylesheet" href="http://www.domain.com/path/DEstyle.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 

所以我可以轻松地为我经常工作的网站插入一组样式和脚本。

我正在使用 Sublime Text 3 并转到 Sublime > Preferences > Package Settings > Emmet > Settings - User 并添加以下内容作为起点:

{
    "snippets": {
         "html": {
            "abbreviations": {
                "lclinks": "<link rel=\"stylesheet\" href=\"http://www.domain.com/path/CSstyles.css\" />+<link rel=\"stylesheet\" href=\"http://www.domain.com/path/CDstyles.css\" />"

            }
         }
    }
}

这有效,但没有超出第一个样式参考。我尝试用n\t\ 替换+,结果相同。我在网上找到了一个示例并将其插入以查看它是否有效,但它仍然没有扩展到第一个元素之外。我究竟做错了什么?文档 here 并没有真正解决多行 sn-ps。

        {
            "snippets": {
                 "html": {
                    "abbreviations": {
                        "lclinks": "<div class=\"block\">\n\t<div class=\"text\">\n\t\t<h3>|</h3>\n\t\t<p></p>\n\t</div>\n</div>"

                    }
                 }
            }
        }

【问题讨论】:

    标签: json sublimetext3 emmet


    【解决方案1】:

    在您的示例中,您使用的是 abbreviations 部分,该部分实际上是解析提供的 single element HTML 标记,以将其用作构建输出的参考。而您要做的是创建一个常规的text sn-p。例如。一段任意代码。

    如果您仔细阅读 snippets.json 部分,您会发现给定文件包含具有不同含义的 abbreviationssnippets 部分,描述为 here

    在您的示例中,您必须使用 snippets 部分或在 abbreviations 部分中使用 aliases

    {
        "snippets": {
             "html": {
                "abbreviations": {
                    "lclinks": "link[href=http://www.domain.com/path/CSstyles.css]+link[href=http://www.domain.com/path/CDstyle2.css]"
                }
             }
        }
    }
    

    【讨论】:

      猜你喜欢
      • 2015-05-12
      • 1970-01-01
      • 2016-03-10
      • 2016-03-26
      • 2016-02-01
      • 2013-05-31
      • 1970-01-01
      • 2015-11-16
      • 2015-12-11
      相关资源
      最近更新 更多