Atom Editor:多个片段

Question

这是一个很简单的问题,但除了自述文件之外我找不到任何文档.

如何在Atom Editior中拥有多个自定义代码段:

例如,我现在在我的snippets.cson中有这个

'.source.js':
  'Normal Comment Block':
    'prefix': 'cmm'
    'body': """
      //**********************************************************************************
      //
      //**********************************************************************************
    """

'.source.js':
  'Dashed Comment Block':
    'prefix': 'c--'
    'body': """
      //----------------------------------------------------------------------------------
      //
      //----------------------------------------------------------------------------------
    """

但是cmm不起作用,我只能使用snippets.cson中的最后一项.有想法该怎么解决这个吗？我有十几个不同的片段我想使用,但我无法弄清楚如何正确包含它们.

Answer 1

配置文件格式称为CSON,CoffeeScript Object Notation.与JSON(JavaScript Object Notation)一样,它是用于描述简单对象的文本格式.因此,当你指定一个键两次时,就像.source.js在你的例子中一样,第二个实例会覆盖第一个键.如果你只是一个.source.js一切都会正常工作:

'.source.js':
  'Normal Comment Block':
    'prefix': 'cmm'
    'body': """
      //**********************************************************************************
      // $1
      //**********************************************************************************
      $0
    """
  'Dashed Comment Block':
    'prefix': 'c--'
    'body': """
      //----------------------------------------------------------------------------------
      // $1
      //----------------------------------------------------------------------------------
      $0
    """

此外,我冒昧地在您的代码段中添加制表位,以便在展开代码段时,您的光标应首先位于注释中.您可以输入评论,然后按TAB退出并继续.

Answer 2

除了@ Lee的解释,这里有一个例子,如果你不想设置由编程语言组织的多个片段:

# HTML Snippets
'.text.html':
  'HTML Comment':
    'prefix': '<!'
    'body': '<!-- $1 -->'

# Sass Snippets
'.source.scss':
  'Section Comment':
    'prefix': 'sc'
    'body': """
      /*=================================================
      $1
      =================================================== */
    """
  'Sub Section Comment':
    'prefix': 'ssc'
    'body': """
      /* $1
      =================================================== */
     """

# JavaScript Snippets
'.source.js':
  'jQuery - Bind Event':
    'prefix': 'bind'
    'body': """
       $( $1 ).on( '$2', '$3', function( $4 ) {
         $5
       });
    """

在这个例子中,我包括HTML,Sass和Javascript,但你可以包括其他像CSS,...

希望这很有用.

Answer 3

在 Atom 中发现了一个带有多个片段的奇怪错误。我希望这个答案可以帮助有同样问题的人（我使用的是 Atom 的 mac 版本）。所以我去在snippets.cson文件中添加一个新的片段，我复制了旧的片段并将其作为这样的模板粘贴在下面并保存它们，即使它们仍然相同 '.source.php': 'Debug': 'prefix': 'prepr' 'body': """ echo "<pre>",print_r($_POST, 1),"</pre>"; die(); """ 'Debug': 'prefix': 'prepr' 'body': """ echo "<pre>",print_r($_POST, 1),"</pre>"; die(); """ 在保存这个之后我编辑了第二个不同的标题、前缀和正文代码 '.source.php': 'Debug': 'prefix': 'prepr' 'body': """ echo "<pre>",print_r($_POST, 1),"</pre>"; die(); """ 'different': 'prefix': 'different' 'body': """ echo "different"; """ 编辑第二个片段后，我再次保存。这次第二个片段的选项卡扩展不起作用，但第一个仍然有效。在对它进行了多次鬼混以确保我有正确的语法之后，我尝试了一种预感，这可能是因为我保存了两个重复的片段，它以某种方式与 cson 输出混淆了。然后我删除了第二个片段，然后只保存第一个片段，然后复制第一个片段，然后更改它，然后保存它。毕竟这两个片段都正常工作。

我一直在使用多个片段，直到现在才真正遇到这个问题。很奇怪，但它就在那里。