如何在Sublime text 2中快速添加自定义标签?

时间:2016-03-03 23:54:06

标签: html css tags sublimetext2

抱歉新手问题。我在相同的类中使用相同标记的多次,例如:

<p class = "paragraph_1"></p>

我只是想知道如何在Sublime Text 2中快速添加相同的标签?我知道只需键入一部分默认标签并点击 Tab 即可快速添加默认标签。对于我自己定制的标签,有没有类似的便捷方式?

非常感谢!

1 个答案:

答案 0 :(得分:1)

Sublime Text HTML包将片段插入完成系统。如果您还想拥有自己的代码,则可以为每个代码编写一个代码段。

创建代码段:

  1. 打开您的用户目录
    1. 点击Preferences
    2. 然后在Browse Packages...
    3. 打开目录User
  2. 创建文件snippet_name.sublime-snippet
  3. 将其粘贴到您的代码段并根据需要更改内容:
  4. <snippet>
      <!-- Example: Hello, ${1:this} is a ${2:snippet}. -->
      <content><![CDATA[
    <p class="paragraph_1">$0</p>
    ]]></content>
      <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
      <tabTrigger>par1</tabTrigger>
      <description>Tag</description>
      <!-- Optional: Set a scope to limit where the snippet will trigger -->
      <scope>text.html.basic</scope>
    </snippet>
    

    但是,使用SnippetMaker可以轻松缩短流程。只需选择内容,按ctrl+shift+p并撰写SnippetMaker: Make Snippet

    补充说明:

    • 您可以删除该文件来删除该代码段。
    • $0的位置会将光标位置标记在摘录的末尾。