Краткое руководство по настраиваемым фрагментам

Во-первых, вам потребуется установить Atom:

  1. Введите cd ~/.atom в свой терминал
  2. Введите atom ., чтобы открыть ваши .atom файлы в редакторе Atom.
  3. Откройте в редакторе snippets.cson просмотр файлов:

4. Создайте собственный фрагмент кода со следующей структурой:

'.source':
'name':
'prefix': 'напечатанный текст'
'body': 'вывод фрагмента'

Пример однострочного фрагмента (JavaScript)

'.source.js':
  'Single-line Snippet':
    'prefix': 'singleLineSnippet'
    'body': 'function snippet() {console.log("In One Line!")}'

Это сгенерирует function snippet() {console.log("In One Line!")}, когда вы начнете набирать singleLineSnippet и нажмете enter в файле JavaScript.

До enter:

После enter:

Пример многострочного фрагмента (JavaScript)

'.source.js':
  'Multi-line Snippet':
    'prefix': 'multiLineSnippet'
    'body': """
      function snippet() {
        console.log("This")
        console.log("Took")
        console.log("Multiple")
        console.log("Lines")
      }
      """

Основное отличие здесь в том, что """ или «тройные кавычки» используются для открытия и закрытия тела фрагмента.

До enter:

После enter:

Если вы хотите сохранить несколько фрагментов в рамках одного языка (например, JavaScript), вы объявляете область только один раз.

Если бы мы сохранили оба фрагмента примера, их нужно было бы структурировать следующим образом:

'.source.js':
  'Single-line Snippet':
    'prefix': 'singleLineSnippet'
    'body': 'function snippet() {console.log("In One Line!")}'
  'Multi-line Snippet':
    'prefix': 'multiLineSnippet'
    'body': """
      function snippet() {
        console.log("This")
        console.log("Took")
        console.log("Multiple")
        console.log("Lines")
      }
      """

Поскольку вы можете использовать фрагменты с языками и типами файлов, отличными от .js или JavaScript, ниже приведен список конкретных типов файлов, областей для распространенных языков:

  • JavaScript: '.source.js'
  • Python: '.source.python'
  • Java: '.source.java'
  • C: '.source.c'
  • C#: '.source.cs'
  • Go: '.source.go'
  • Рубин: '.source.ruby'
  • TypeScript: '.source.ts'

DSL:

  • JSX: '.source.js.jsx'
  • Vue: '.text.html.vue'

Примеры блоков можно напрямую скопировать в редактор и настроить, если у вас возникнут проблемы с синтаксисом или отступом.

Twitter - github - сайт