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

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)