HTML注释的原子片段

Question

我在查看atom文档时，正在编写代码片段：

使用原子片段

然而，对于我所面临的问题来说，文档太简单了。我想编写一个片段，它将自动创建包含HTML元素类名的注释。让我们看看一个例子：

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

  ...

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

我想要一个片段，当我在div的结束标记之后键入"comm“并点击TAB时，自动创建包含”头等舱另一个类“的注释。有片段就能做到吗？

Answer 1

您的工作流不允许您与前面的标记一起创建注释吗？在这种情况下，您可以使用这样的东西：

'.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目录中。