Emme for Sublime Text 3自定义片段

时间:2017-08-19 16:17:01

标签: html editor sublimetext3 sublimetext emmet

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

这是我正在寻找的结果:



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

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

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

&#34;脚本:SRC = [jqCdn]&#34;当我输入&#34; jq&#34;然后按Tab键。我尝试使用该代码的文件中没有任何内容,我已将其保存为temp.html。

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

  

&#34;脚本:SRC = [https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js]&#34;

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

0 个答案:

没有答案