>WikiSysop: /* Переключение wrap и меню */

2018-09-02T07:16:44Z

Переключение wrap и меню

Нова сторінка

emmet
nord-atom-ui
project-manager
autoclose-html
tag
sublime-style-column-selection

Установка плагинов:

<source lang="bash">apm install emmet nord-atom-ui project-manager autoclose-html tag expand-selection-to-quotes</source>

== Комбинции клавиш ==

{| cellpadding="5" border="1" style="border-collapse:collapse"
|-
| Выбор подсветки синтаксиса || <kbd>Ctrl</kbd>-<kbd>Shift</kbd>-<kbd>l</kbd>
|-
| Командная панель || <kbd>Ctrl</kbd>-<kbd>Shift</kbd>-<kbd>p</kbd>
|-
| Быстрое открытие файла || <kbd>Ctrl</kbd>-<kbd>t</kbd>
|-
| Список открытых файлов || <kbd>Ctrl</kbd>-<kbd>b</kbd>
|-
| Список обновленных файлов<br>(не закоммиченных в Git) || <kbd>Ctrl</kbd>-<kbd>Shift</kbd>-<kbd>b</kbd>
|-
| Открыть текущий файл в еще одной панели || <kbd>Ctrl</kbd>-<kbd>k</kbd> <kbd>→</kbd> (или другая стрелка)
|}

=== Работа с кодом ===

{| cellpadding="5" border="1" style="border-collapse:collapse"
|-
| Выделить текст между кавычек || <kbd>Ctrl</kbd>-<kbd>'</kbd> || <code>expand-selection-to-quotes</code>
|-
| Закрыть тэг || <kbd>ctrl</kbd>-<kbd>alt</kbd>-<kbd>.</kbd> || <code>bracket-matcher</code> close-tag
|-
| Переименовать тэг || <kbd>Ctrl</kbd>-<kbd>Shift</kbd>-<kbd>'</kbd> || [[Emmet]]
|-
| Переход между открывающей и закр. частью тэга || <kbd>Ctrl</kbd>-<kbd>M</kbd> || <code>bracket-matcher</code> go-to-matching-bracket
|-
| Выделить тэг || <kbd>Ctrl</kbd>-<kbd>Shift</kbd>-<kbd>M</kbd> ||
|-
| Выделить тэг наружу || <kbd>Ctrl</kbd>-<kbd>Shift</kbd>-<kbd>0</kbd> || [[Emmet]]
|-
| Выделить внутри скобок || <kbd>ctrl</kbd>-<kbd>alt</kbd>-<kbd>m</kbd> || <code>bracket-matcher</code> select-inside-brackets
|}

<div class="note">
Не работают

{| cellpadding="5" border="1" style="border-collapse:collapse"
|-
| Удалить скобки из выделенного текста || <kbd>ctrl</kbd>-<kbd>]</kbd> || <code>bracket-matcher</code> remove-brackets-from-selection
|-
| Удалить скобки || <kbd>ctrl</kbd>-<kbd>alt</kbd>-<kbd>backspace</kbd> || <code>bracket-matcher</code> remove-matching-brackets
|}
</div>

=== Переключение wrap и меню ===

Вставить в <code>~/.atom/keymap.cson</code> (можно вызвать в меню <code>Edit</code> → <code>Keymap…</code>):

<source lang="yaml">
'.workspace .editor:not(.mini)':
'f9': 'window:toggle-menu-bar'
'f10': 'editor:toggle-soft-wrap'
</source>

{| cellpadding="10" border="1" style="border-collapse:collapse"
|-
| Вкл/выкл строку меню || <kbd>F9</kbd>
|-
| Вкл/выкл перенос строк || <kbd>F10</kbd>
|}

=== Оборачивание текста в HTML-тэги ===

Чтобы оборачивать выделенный текст в тэг <nowiki><strong></nowiki> по комбинации клавиш <kbd>Ctrl</kbd>-<kbd>Alt</kbd>-<kbd>B</kbd>:

добавить в <code>~/.atom/init.coffee</code>:

<source lang="yaml">
atom.commands.add 'atom-text-editor', 'editor:wrap-with-strong': ->
editor = atom.workspace.getActiveTextEditor()
for selection in editor.getSelections()
textToWrap = selection.getText()
selection.insertText("<strong>#{textToWrap}</strong>")
</source>

добавить в <code>~/.atom/keymap.cson</code>:

<source lang="yaml">
'atom-text-editor':
'ctrl-alt-b': 'editor:wrap-with-strong'
</source>

== Настройка синтаксиса в зависимости от расширения файла ==

http://flight-manual.atom.io/using-atom/sections/basic-customization/#customizing-language-recognition

Пример: для файлов <code>.md</code> сделать раскраску синтаксиса HTML.

Сначала нужно определить название Language's Scope Name (соответствующее раскраске синтаксиса). В нашем случае это <code>text.html.basic</code>. Для этого сначала назначьте нужную раскраску синтаксиса вручную (<kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>L</kbd>), затем нажмите <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd>, введите <code>scope</code> и выберите <code>Editor: Log Cursor Scope</code> — появится окошко со списком всех активных Language's Scope Name для текста, в которос стоит курсор.

Далее в меню выберите <code>Edit</code> → <code>Config…</code> и вставьте в раздел <code>core</code>:

<source lang="yaml">"*":
core:
customFileTypes:
'text.html.basic': [
'md'
]
</source>

== Сниппеты HTML, совместимые с Emmet ==

Сниппеты в Atom работают так: вводите префикс и нажимаете <kbd>Tab</kbd>. Префикс заменяется на тело сниппета.

Добавляются сниппеты в файле <code>~/.atom/snippets.cson</code>. Можно быстро его открыть в меню <code>Edit</code> → <code>Snippets…</code>

Пример сниппета, который по префиксу <code>more</code> вставляет тело <code><nowiki></nowiki></code>:

<source lang="yaml">
'.text.html.basic':
'hugomore':
'prefix': 'more'
'body': ''
</source>

Если в Atom установлен плагин [[Emmet]], то сниппет работать не будет — его будет перехватывать Emmet и после нажатия <kbd>Tab</kbd> вставлять <code><more></more></code>. Чтобы это исправить, просто установите плагин <code>emmet-snippets-compatibility</code> — он делает вручную добавленные сниппеты приоритетными.

== Вставка собственных сниппетов по горячей клавише ==

Настроим вставку

<source lang="bash"> </source>

по комбинации клавиш <kbd>Ctrl</kbd>-<kbd>Пробел</kbd>.

В файле <code>~/.atom/init.coffee</code> (в меню <code>Edit</code> → <code>Init Script…</code>) добавьте:

<source lang="yaml">
atom.commands.add 'atom-text-editor', 'editor:insert-nbsp': ->
atom.workspace.getActiveTextEditor()?.insertText(' ')
</source>

В файле <code>~/.atom/keymap.cson</code> (в меню <code>Edit</code> → <code>Snippets…</code>) добавьте:

<source lang="yaml">
'atom-text-editor':
'ctrl-space': 'editor:insert-nbsp'
</source>

После перезапуска Atom комбинация клавиш заработает.

[[Категория: Разработка]]

Atom - Історія редагувань

>WikiSysop: /* Переключение wrap и меню */