Atom

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

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

apm install emmet nord-atom-ui project-manager autoclose-html tag expand-selection-to-quotes

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

Выбор подсветки синтаксиса	Ctrl-Shift-l
Командная панель	Ctrl-Shift-p
Быстрое открытие файла	Ctrl-t
Список открытых файлов	Ctrl-b
Список обновленных файлов (не закоммиченных в Git)	Ctrl-Shift-b
Открыть текущий файл в еще одной панели	Ctrl-k → (или другая стрелка)

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

Выделить текст между кавычек	Ctrl-'	expand-selection-to-quotes
Закрыть тэг	ctrl-alt-.	bracket-matcher close-tag
Переименовать тэг	Ctrl-Shift-'	Emmet
Переход между открывающей и закр. частью тэга	Ctrl-M	bracket-matcher go-to-matching-bracket
Выделить тэг	Ctrl-Shift-M
Выделить тэг наружу	Ctrl-Shift-0	Emmet
Выделить внутри скобок	ctrl-alt-m	bracket-matcher select-inside-brackets

Не работают

Удалить скобки из выделенного текста	ctrl-]	bracket-matcher remove-brackets-from-selection
Удалить скобки	ctrl-alt-backspace	bracket-matcher remove-matching-brackets

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

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

'.workspace .editor:not(.mini)':
  'f9': 'window:toggle-menu-bar'
  'f10': 'editor:toggle-soft-wrap'

Вкл/выкл строку меню	F9
Вкл/выкл перенос строк	F10

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

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

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

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>")

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

'atom-text-editor':
  'ctrl-alt-b': 'editor:wrap-with-strong'

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

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

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

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

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

"*":
  core:
    customFileTypes:
      'text.html.basic': [
        'md'
      ]

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

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

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

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

'.text.html.basic':
  'hugomore':
    'prefix': 'more'
    'body': '<!--more-->'

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

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

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

 

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

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

atom.commands.add 'atom-text-editor', 'editor:insert-nbsp': ->
    atom.workspace.getActiveTextEditor()?.insertText(' ')

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

'atom-text-editor':
  'ctrl-space': 'editor:insert-nbsp'

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