美文网首页Atom编辑器
Atom-自定义自动填充代码 Snippets

Atom-自定义自动填充代码 Snippets

作者: 西红柿炒地球 | 来源:发表于2015-12-01 13:41 被阅读5791次

    snippet
    n. 小片,片段; 不知天高地厚的年轻人;


    在这里我把 snippet 理解为代码块。

    打开 snippets.cson 文件,windows 平台的路径为 C:\Users\用户名\.atom\snippets.cson
    输入snip,回车,就得到一个 snippet 模板。

    '.source.js':
      'Snippet Name':
        'prefix': 'Snippet Trigger'
        'body': 'Hello World!'
    

    '.source.js' 目标文件类型为 .js
    'Snippet Name' 要新建的 snippet 的名称
    'prefix' 触发当前 snippet 的代码
    'body' 要填充的代码

    例如给 C 语言的 if 写一个 snippet。

    '.source.c':
      'if':
        'prefix': 'if'
        'body': 'if($1){$2}'
    

    $1 表示光标的默认位置
    $2 按下 tab 键,光标跳到的第二个位置,以此类推
    另外,使用${1:'replaced'}替换$1即可转换光标到选定状态,选定内容为replaced

    在要填充的代码中使用回车并不能使代码填充以后自动换行,自动换行要使用\n,或者用"""将要填充的代码包起来。

    '.source.c':
      'if':
        'prefix': 'if'
        'body': """
          if($1)
          {
              $2\n}
        """
    

    要给 C 语言文件定义多个 snippet ,只需在.source.c下从添加新的 snippet 名称写起。

    '.source.c':
      'if':
        'prefix': 'if'
        'body': """
          if($1)
          {
              $2\n}
        """
      'while':
        'prefix': 'while'
        'body':"""
          while($1)
          {
              $2
          }
        """
    

    相关文章

      网友评论

        本文标题:Atom-自定义自动填充代码 Snippets

        本文链接:https://www.haomeiwen.com/subject/mgejhttx.html