Краткое руководство по настраиваемым фрагментам
Во-первых, вам потребуется установить Atom:
- Введите
cd ~/.atom
в свой терминал - Введите
atom .
, чтобы открыть ваши.atom
файлы в редакторе Atom. - Откройте в редакторе
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'
Примеры блоков можно напрямую скопировать в редактор и настроить, если у вас возникнут проблемы с синтаксисом или отступом.