我正在学习为Emmet创建自定义html片段 . 我想创建的第一个代码片段是jQuery CDN的html脚本元素 . 我花了一个多小时搜索Emmet documentation,搜索谷歌,搜索Stack Overflow .

这是我正在寻找的结果:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

这是我在Emmet.sublime-settings文件中输入的内容:

{
  "variables": {
    "jqCdn": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"
  },
  "snippets": {
    "html": {
      "snippets": {
        // jq abbreviations
        "jq": "script:src[${jqCdn}]"
      }
    }
  }
}

当我输入“jq”并按Tab键时,会产生“script:src = [jqCdn]” . 我正在尝试使用该代码的文件中没有任何内容,我已将其保存为temp.html .

我也尝试使用相同的语法交换jqCdn变量为完整的URL . 这会产生类似的结果:

“script:src = [https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js]”

我已尝试在“jq”片段中输入所需html脚本元素的完整纯文本 . 这种方法有效 . 但是,我希望学习如何使用变量和Emmet缩写(如果可能),以便在我的自定义代码段列表增长时更轻松地维护我的代码段 .