用于HTML评论的Atom片段

时间:2015-11-07 18:26:50

标签: code-snippets atom-editor

我在撰写片段时正在查看原子文档:

Using atom snippets

但是,文档对于我面临的问题来说太简单了。我想编写一个片段,它会自动创建一个包含HTML元素类名的注释。让我们看一个例子:

<div class="first-class another-class">

  ...

</div><!-- first-class another-class -->

我想要一个会自动创建包含&#34;一流的另一类&#34;的评论的片段。例如,当我输入&#34; comm&#34;在div的结束标记之后并点击TAB。这些甚至可以用片段吗?

1 个答案:

答案 0 :(得分:2)

您的工作流程是否允许您与前面的标记一起创建评论?在这种情况下,你可以使用这样的东西:

'.text.html':
  'Snippet Name':
    'prefix': 'comm'
    'body': """
      <div class="${1:classes}">
        ${2:<!-- your markup here -->}
      </div><!-- ${1:classes} -->
    """

或更高级:

'.text.html':
  'div+comment':
    'prefix': 'comm'
    'body': """
      <${1:div} ${2:class="${3:classes}"}>
        ${4:<!-- your markup here -->}
      </${1:div}>${2:<!-- ${3:classes} -->}
    """

将此文件另存为(例如comm.cson)并将其放在packages目录中。