美文网首页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

    snippetn. 小片,片段; 不知天高地厚的年轻人; 在这里我把 snippet 理解为代码块。 打开 sni...

  • atom学习

    Atom Snippets 自定义自动展开代码可以好好学习一下atom snippets的自定义代码,还是很简单的...

  • iOS 自定义代码块&Swift中自定义log

    自定义代码片段(code snippets) Xcode的代码片段(Code Snippets)创建自定义的代码片...

  • vim安装snippet笔记

    简记:vim中编写代码自动补全和自定义补全,用vim-snippets插件 vim安装snippet方法 cd ~...

  • vsCode常见配置

    常用插件 Auto Close Tag 自动添加HTML / XML关闭标签 HTML Snippets 代码自动...

  • Xcode10 代码块(Code Snippet)

    什么是代码Code Snippet? Xcode的代码片段(Code Snippets)就是我们敲代码时的自动提示...

  • Xcode代码块

    代码片段 Xcode的代码片段(Code Snippets)创建自定义的代码片段,当你重用这些代码片段时,会给你带...

  • 自用vs code常用插件记录

    Chinese 中文 HTML Snippets HTML 代码片段以及提示 Auto Close Tag 自动添...

  • 创建自定义的代码片段

    Xcode的代码片段(Code Snippets)创建自定义的代码片段,当你重用这些代码片段时,会给你带来很大的方...

  • iOS 快捷代码段

    Xcode的代码片段(Code Snippets)创建自定义的代码片段,当你重用这些代码片段时,会给你带来很大的方...

网友评论

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

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