Настройка Atom

Обновленная в 2018 году статья по настройке Atom.

📖 Содержание ⬇️

Содержание

• Введение
• Установка
• Первоначальная настройка
• Открытие файлов и каталогов через контекстное меню
• Выбор темы оформления (Material Design)
• Проверка орфографии на английском и русском языках
• Установка пакетов
• Настройка предустановленных пакетов
• Установленные пакеты у меня
• Как вызвать командную строку Atom
• Как поменять язык подсветки синтаксиса кода
• Как найти файл в папке проекта по его имени
• Как второй документ отобразить рядом с первым документом
• Как сворачивать код
• Как найти что-то в файле
• Как заменить что-то в файле
• Как найти в файлах всей папки
• Как показать невидимые символы
• Как продублировать текущую строку
• Как закомментировать выделенные строчки
• Как объединить выделенные строки в одну
• Как ставить около строк отметки «bookmarks»
• Как вызвать автодополнение принудительно
• Как сделать все буквы заглавными/маленькими в выделенном тексте
• Как перейти к соответствующей скобке (открывающейся/закрывающейся)
• Как посмотреть превью Markdown файла
• Как открыть несколько проектов (папок)
• Как полностью удалить Atom
• Набор горячих клавиш

Введение

Первым продвинутым блокнотом, которым я начал активно пользоваться, был Notepad++ | ↗️ (до сих пор им часто пользуюсь), потом пытался перейти на Sublime Text (Шпаргалка по Sublime Text 2 | ↗️). А потом пробовал перейти на Atom, про который говорится в этой статье.

И да. Потом я всё равно перешел на Visual Studio Code.

Установка

Скачиваем либо официальную последнюю версию с сайта, либо текущую последнюю версию y в GitHub:

Рисунок 1 — Скачивание программы

Запускаем скаченный файл, и он автоматически запустит установку без всяких диалоговых окон, но Windows может поругаться (но мы скачивали с официального репозитория):

Рисунок 2 — Предупреждение от Windows

Рисунок 3 — Предупреждение от Windows

Рисунок 4 — Установка Atom

После установки откроется редактор, где снимаем галочку, чтобы при каждом старте не показывалось приветственное окно, а также соглашаемся, чтобы правильно открывались ссылки atom:\\:

Рисунок 5 — Редактор Atom

Первоначальная настройка

Перейдем в настройки приложения File → Settings:

Рисунок 6 — Настройки программы

Снимаем галочку с пункта Open Empty Editor On Start в разделе Core, чтобы при запуске программы открывались последние открытые файлы:

Рисунок 7 — Изменение параметра «Open Empty Editor On Start»

Также в разделе Core можно указать папку ваши основных проектов:

Рисунок 8 — Выбор папки с проектами

В разделе Editor включаем переносы строк Soft Wrap:

Рисунок 9 — Включение переноса строк

В этом же разделе можно указать сколько пробелов будет ставиться при нажатии на табуляцию:

Рисунок 10 — Выбор количества пробелов для табуляции

Открытие файлов и каталогов через контекстное меню

Идем File → Settings.

В разделе System добавляем в контекстном меню возможность открывать файлы и папки с помощью Atom:

Рисунок 11 — Настройка контекстного меню

Сейчас в 2018 году всё работает отлично, но раньше в 2016 году у меня эта команда не помогла, поэтому добавлял вручную в реестр Windows 10. Поэтому, если у вас не работает, то читайте ниже:

Для этого создайте текстовой файл расширения .reg (например, open-w-atom.reg) с подобным содержанием:

Windows Registry Editor Version 5.00

; when you right click a file
[HKEY_CLASSES_ROOT\*\shell\Atom KI ext]
""="Open File in Atom"
"Icon"="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe"

[HKEY_CLASSES_ROOT\*\shell\Atom KI ext\command]
""="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%1\""

; when you right click a folder
[HKEY_CLASSES_ROOT\Directory\shell\Atom KI ext]
""="Open Folder in Atom"
"Icon"="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe"

[HKEY_CLASSES_ROOT\Directory\shell\Atom KI ext\command]
""="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%1\""

; when you right click a folder while holding shift
[HKEY_CLASSES_ROOT\Directory\Background\shell\Atom KI ext]
""="Open Folder in Atom"
"Icon"="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe"

[HKEY_CLASSES_ROOT\Directory\Background\shell\Atom KI ext\command]
""="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%V\""

; when you right click the background, not on a particular file or folder.
[HKEY_CLASSES_ROOT\LibraryFolder\Background\shell\Atom KI ext]
""="Open Folder in Atom"
"Icon"="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe"

[HKEY_CLASSES_ROOT\LibraryFolder\Background\shell\Atom KI ext\command]
""="C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe \"%V\""

Везде текст C:\\Users\\sensor\\AppData\\Local\\atom\\app-1.11.0-beta5\\atom.exe поменяйте на путь к программе на вашем компьютере. Он будет обязательно другой у вас. И обратите внимание, что в пути у вас должны быть двойные слэши.

После этого запустите сохраненный файл и внесите изменения в реестр. После этого у вас в контекстном меню у файлов и папок появятся такие подобные пункты:

Рисунок 12 — Контекстное меню для директории

Рисунок 13 — Контекстное меню для файла

Выбор темы оформления (Material Design)

Идем File → Settings. И там идет в раздел Themes:

Рисунок 14 — Раздел с настройками тем

Там можно выбрать тему для оформления интерфейса Atom, а также для отображения непосредственно текста в документах:

Рисунок 15 — Выбор тем

Вот не люблю я темные темы для текстовых редакторов. Поэтому выбирал светлые темы:

Рисунок 16 — Светлые темы

Вот так будет выглядеть редактор с такими темами:

Рисунок 17 — Внешний вид редактора со светлыми темами

Если вы хотите найти и установить другие темы, то перейдите в раздел установки, а там выберете Themes для перехода в поиск тем:

Рисунок 18 — Установка новых тем

Например, популярны темы в стиле Material Design:

Рисунок 19 — Пример поиска тем

Выбранные темы можно установить.

Я себе установил atom-material-ui и atom-material-syntax-light.

И они потом появятся в выборе тем:

Рисунок 20 — Установленные темы

Темы также имеют варианты настроек:

Рисунок 21 — Переход к настройкам темы

Я поменял основной цвет темы:

Рисунок 22 — Выбор основного цвета темы

Сделал компактный вид панели вкладок:

Рисунок 23 — Вкладки становятся компактными

После этих настроек редактор выглядит так:

Рисунок 24 — Внешний вид редактора

Проверка орфографии на английском и русском языках

Идем File → Settings. Там идет в пакеты Packages.

В поиске установленных пакетов выбираем spell.

И в пакете spell-checker переходим в настройки:

Рисунок 25 — Настройки проверки орфографии

И в разделе Locales напишите en-US, ru-RU:

Рисунок 26 — Выбор языков для проверки орфографии

После этого появится проверка орфографии одновременно английского и русского языка в документах (обратите внимание, что в Windows должны быть установлены соответствующие языки, так как базу Atom берет оттуда):

Рисунок 27 — Пример проверки орфографии

Также в настройках поставьте галочку около Add Known Words. Тогда вам будет предлагаться добавлять новые слова в словарь:

Рисунок 28 — Выбор пункта «Add Known Words»

Вызов подсказок о том, как можно исправить слово, делается через Ctrl + Shift + ::

Рисунок 29 — Подсказки для исправления слова

Не для всех расширений файлов включается проверка орфографии. Чтобы подключить проверку в орфографии для файлов нового расширения, вызовете консоль Ctrl + Shift + P, находясь в файле. Там пропишите Editor: Log Cursor Scope и выберете этот пункт. И вы увидите внизу справа уведомление с одним или несколькими пунктами текста. Один из них будет означать тип документа. Копируем этот тип и закрываем уведомление. Потом идем в настройки нашего пакета проверки орфографии. И в разделе Grammars дописываем наш тип файлов:

Рисунок 30 — Список проверяемых типов файлов

Установка пакетов

Идем File → Settings. И там идет в раздел Install, и там выбираем Packages:

Рисунок 31 — Окно установки пакетов

Пишем название пакета, который нам нужен, нажимаем Enter. И после появление списка плагинов устанавливаете тот, что вам нужен:

Рисунок 32 — Установка пакета

Установленный пакет появится в списке пакетов:

Рисунок 33 — Установленный пакет

Настройка предустановленных пакетов

Идем File → Settings. И там идет в раздел Packages.

Находим там пакет tree-view. И переходим в настройки его:

Рисунок 34 — Пакет tree-view

И там ставим галочку около Hide Ignored Names. Например, чтобы в дереве папок не показывалась папка .git, которая нам не понабиться:

Рисунок 35 — Включение параметра «Hide Ignored Names»

А в пакете autosave можно включить автоматическое сохранение документов, когда Atom теряет фокус. Это не касается документов, которые были созданы, но еще ни разу не сохранялись. В общем полезная вещь:

Рисунок 36 — Включение автосохранения

Установленные пакеты у меня

Список тех пакетов, которые я дополнительно установил.

• minimap — карта документа справа от документа с возможностью прокрутки документа:

  

  Рисунок 37 — Пакет minimap

• pigments — для отображения цветов там, где мы их обозначаем в коде:

  

  Рисунок 38 — Пакет pigments

• color-picker — теперь цвет можно менять через пипетку Ctrl + Alt + C:

  

  Рисунок 39 — Пакет color-picker

• file-icons — иконки для файлов в списке файлов:

  

  Рисунок 40 — Пакет file-icons

• language-qml — подсветка синтаксиса для файлов .qml:

  

  Рисунок 41 — Пакет language-qml

• language-ini — подсветка синтаксиса для файлов .ini.

• language-latex — для отображения LaTeX кода:

  

  Рисунок 42 — Пакет language-latex

• highlight-selected — Если выделили слово, то в других местах это же слово будет подсвечиваться:

  

  Рисунок 43 — Пакет highlight-selected

• minimap-highlight-selected — дополнение к предыдущему пакету. Теперь подсветка выделяемого слова будет и в карте документа справа:

  

  Рисунок 44 — Пакет minimap-highlight-selected

• sort-lines — сортировка текста по F5. А если войти в консоль Ctrl + Shift + P и там набрать Sort, то увидите, что есть еще команды для работы с текстом по сортировке:

  

  Рисунок 45 — Пакет sort-lines

Команда Sort lines: Natural сортирует числа как числа:

Рисунок 46 — Сортировка чисел

• export-html — печать документа с подсветкой синтаксиса. Переходим в консоль и там набираем export и выбираем нашу команду:

  

  Рисунок 47 — Пакет export-html

Рисунок 48 — Печать документа с подсветкой синтаксиса

• pdf-view — для просмотра PDF документов:

  

  Рисунок 49 — Пакет pdf-view

• svg-preview — превью SVG файлов:

  

  Рисунок 50 — Пакет svg-preview

• atom-beautify — красиво расставляет отступы в коде по сочетанию Ctrl + Alt + B.

Было:

Рисунок 51 — Код HTML до преобразований

Стало:

Рисунок 52 — Код HTML после преобразований

Плагин поддерживает много разных языков, но для поддержки некоторых нужно пошаманить. Например, для C++ программа выдает такое предупреждение: Could not find 'uncrustify'. The program may not be installed.:

Рисунок 53 — Сообщение об ошибке

Вам нужно установить программу uncrustify.

Для этого идете по адресу https://sourceforge.net/projects/uncrustify/.

Скачивайте файл, разархивируйте проект. Там найдете файл uncrustify.exe.

Теперь нужно, чтобы в глобальной переменной PATH в Windows был путь к данному файлу. Самое простое — это скопировать файл в папку Windows (C:\Windows).

После этого поддержка C++ в Atom будет осуществлена.

Было:

Рисунок 54 — Код C++ до преобразований

Стало:

Рисунок 55 — Код C++ после преобразований

Подробно посмотреть на список поддерживаемых языков и того, что может пригодится, можно тут: https://atom.io/packages/atom-beautify.

• simple-drag-drop-text — позволяет перетаскивать текст, как в любом другом редакторе:

  

  Рисунок 56 — Пакет simple-drag-drop-text

• multi-wrap-guide — по умолчанию в редакторе стоит вертикальная линия обозначающая 80 символов в строке. Но сейчас много где (например, в Qt) используется длина строки в 120 символов. С помощью этого плагина можно добавить еще вертикальные линии:

  

  Рисунок 57 — Пакет multi-wrap-guide

• indent-guide-improved — подсвечивает блоки кода, чтобы можно было понять, где вы сейчас находитесь.

Правда для моей темы черная линия выглядит не сильно красиво, поэтому в настройках перейдем в ручное управление настройками:

Рисунок 58 — Настройки Atom

Там открываем styles.less:

Рисунок 59 — Файл настроек внешнего вида Atom

И там добавляем такой текст, например:

.indent-guide-improved {
  background-color: #eef1f2;
  &.indent-guide-stack {
    background-color: #19a5a5;
    &.indent-guide-active {
      background-color: #19a5a5;
    }
  }
}

Рисунок 60 — Код оформления линий из пакета indent-guide-improved

Сохраняем файл.

В итоге получаем вот такое:

Рисунок 61 — Пакет indent-guide-improved

• advanced-open-file — через Ctrl + Alt + O открываем файлы и их создаем, открываем папки без диалоговых системных окон:

  

  Рисунок 62 — Пакет advanced-open-file

• open-in-browsers — люблю в Notepad++ открывать HTML файлы прямо из редактора. Здесь это решается этим плагином:

  

  Рисунок 63 — Пакет open-in-browsers

• auto-encoding — автоматически определяет кодировку файла. Крайне полезная вещь в мире, где еще не все текстовые файлы находятся в кодировке Юникод:

  

  Рисунок 64 — Пакет auto-encoding

• split-diff — позволяет сравнивать два файла.

• minimap-split-diff — дополнение к предыдущему пакету, чтобы изменения отображались и на миникарте.

Итак, как производить сравнения файлов. Один из двух файлов отправляем во вторую панель:

Рисунок 65 — Открытие второй панели открытия файлов

В первой вкладке открываем второй файл:

Рисунок 66 — Открытие первого файла

Вызываем консоль Ctrl + Shift + P. Там пишем Split.

Выбираем команду Split Diff: Enabled:

Рисунок 67 — Выбор команды «Split Diff: Enabled»

У нас синхронизировались две панели и показываются изменения файлов:

Рисунок 68 — Результат сравнения двух файлов

• tab-switcher — переключение между вкладками с помощью Alt + [ и Alt + ]:

  

  Рисунок 69 — Пакет tab-switcher

• fold-lines — при сворачивании блока показывает заметную линию:

  

  Рисунок 70 — Пакет fold-lines

• path-copy — в контекстном меню во вкладке появляется возможность скопировать путь к файлу, имени файлу и так далее. В Notepad++ постоянно этим пользовался:

  

  Рисунок 71 — Пакет path-copy

• markdown-writer команды для работы с Markdown файлами:

  

  Рисунок 72 — Пакет Markdown-writer

• tool-bar — панель инструментов. Сам по себе данный плагин ничего не делает, а предназначен для других плагинов, которые создают панель инструментов. Так как кнопок будет много, то размер кнопок выставим маленькими:

  

  Рисунок 73 — Настройки пакета tool-bar

• flex-tool-bar — данный плагин служит для настройки предыдущего плагина, где вы можете гибко создать свою панель инструментов.

При установке плагина появляется пустая панель инструментов с одной кнопкой, которая открывает файл, в котором будем прописывать наши кнопки:

Рисунок 74 — Пакет flex-tool-bar

Я прописал вот такие кнопки:

# This file is used by Flex Tool Bar to create buttons on your Tool Bar.
# For more information how to use this package and create your own buttons,
#   read the documentation on https://atom.io/packages/flex-tool-bar

[
    {
        type: "button"
        icon: 'file-tree'
        iconset: 'mdi'
        callback: "tree-view:toggle"
        tooltip: "Toggle Sidebar"
    }
    {
        type: "button"
        icon: 'file-outline'
        iconset: 'mdi'
        callback: "application:new-file"
        tooltip: "New File"
    }
    {
        type: "button"
        icon: 'file'
        iconset: 'mdi'
        callback: "advanced-open-file:toggle"
        tooltip: "Open File"
    }
    {
        type: "button"
        icon: 'content-save'
        iconset: 'mdi'
        callback: "core:save"
        tooltip: "Save File"
    }
    {
        type: "button"
        icon: 'content-save-all'
        iconset: 'mdi'
        callback: "window:save-all"
        tooltip: "Save All"
    }
    {
        type: "button"
        icon: 'printer'
        iconset: 'mdi'
        callback: "export-html:export"
        tooltip: "Print"
    }
    {
        type: "button"
        icon: 'magnify'
        iconset: 'mdi'
        callback: "find-and-replace:toggle"
        tooltip: "Find"
    }
    {
        type: "button"
        icon: 'folder-multiple-outline'
        iconset: 'mdi'
        callback: "project-find:show"
        tooltip: "Find In Project"
    }
    {
        type: "button"
        icon: 'auto-fix'
        iconset: 'mdi'
        callback: "atom-beautify:beautify-editor"
        tooltip: "Beautify"
    }
    {
        type: "button"
        icon: 'image-filter-hdr'
        iconset: 'mdi'
        callback: "svg-preview:toggle"
        tooltip: "SVG Preview"
    }
    {
        type: "button"
        icon: 'google-chrome'
        iconset: 'mdi'
        callback: "open-in-browsers:Chrome"
        tooltip: "Open in Chrome"
    }
    {
        type: "button"
        icon: 'eyedropper-variant'
        iconset: 'mdi'
        callback: "color-picker:open"
        tooltip: "Color Picker"
    }
    {
        type: "button"
        icon: 'function'
        iconset: 'mdi'
        callback: "symbols-view:toggle-file-symbols"
        tooltip: "Functions"
    }
    {
        type: "button"
        icon: 'code-equal'
        iconset: 'mdi'
        callback: "split-diff:enable"
        tooltip: "Split Diff"
    }
    {
        type: "button"
        icon: 'format-textdirection-l-to-r'
        iconset: 'mdi'
        callback: "window:toggle-invisibles"
        tooltip: "Show All Characters"
    }
    {
        type: "button"
        icon: 'sort-alphabetical'
        iconset: 'mdi'
        callback: "sort-lines:sort"
        tooltip: "Sort"
    }
    {
        type: "button"
        icon: 'sort-numeric'
        iconset: 'mdi'
        callback: "sort-lines:natural"
        tooltip: "Sort Natural"
    }
    {
        type: "button"
        icon: 'arrow-up-bold'
        iconset: 'mdi'
        callback: "editor:upper-case"
        tooltip: "Upper Case"
    }
    {
        type: "button"
        icon: 'arrow-down-bold'
        iconset: 'mdi'
        callback: "editor:lower-case"
        tooltip: "Lower Case"
    }
    {
        type: "button"
        icon: 'spellcheck'
        iconset: 'mdi'
        callback: "spell-check:correct-misspelling"
        tooltip: "Correct Misspelling"
    }
    {
        type: "button"
        icon: 'lock'
        iconset: 'mdi'
        callback: "editor:toggle-line-comments"
        tooltip: "Commenting Out Code"
    }
    {
        type: "button"
        icon: 'console'
        iconset: 'mdi'
        callback: "command-palette:toggle"
        tooltip: "Command Palette"
    }
    {
        type: "spacer"
    }
    {
        type: "button"
        icon: 'markdown'
        iconset: 'mdi'
        callback: "markdown-preview:toggle"
        tooltip: "Markdown Preview"
    }
    {
        type: "button"
        icon: 'code-tags'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-codeblock-text"
        tooltip: "Code"
    }
    {
        type: "button"
        icon: 'link-variant'
        iconset: 'mdi'
        callback: "markdown-writer:insert-link"
        tooltip: "Insert Link"
    }
    {
        type: "button"
        icon: 'image'
        iconset: 'mdi'
        callback: "markdown-writer:insert-image"
        tooltip: "Insert Image"
    }
    {
        type: "button"
        icon: 'format-bold'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-bold-text"
        tooltip: "Bold"
    }
    {
        type: "button"
        icon: 'format-italic'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-italic-text"
        tooltip: "Italic"
    }
    {
        type: "button"
        icon: 'format-list-bulleted'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-ul"
        tooltip: "Unordered List"
    }
    {
        type: "button"
        icon: 'format-list-numbers'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-ol"
        tooltip: "Ordered List"
    }
    {
        type: "button"
        icon: 'format-header-1'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-h1"
        tooltip: "Heading 1"
    }
    {
        type: "button"
        icon: 'format-header-2'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-h2"
        tooltip: "Heading 2"
    }
    {
        type: "button"
        icon: 'format-header-3'
        iconset: 'mdi'
        callback: "markdown-writer:toggle-h3"
        tooltip: "Heading 3"
    }
    {
        type: "button"
        icon: 'table'
        iconset: 'mdi'
        callback: "markdown-writer:insert-table"
        tooltip: "Insert Table"
    }
    {
        type: "button"
        icon: 'table-edit'
        iconset: 'mdi'
        callback: "markdown-writer:format-table"
        tooltip: "Format Table"
    }
]

Рисунок 75 — Полная панель команд

Панель у меня получилась большой. Скорее всего многие команды вам не понадобятся. Также многие команды не будут запускаться, если вы не установили некоторые плагины (список плагинов, что тут написан — полный).

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

Обратите внимание на то, что многие команды пакетов доступны и из главного меню:

Рисунок 76 — Команды пакетов

Как вызвать командную строку Atom

Через Ctrl + Shift + P:

Рисунок 77 — Командная строка

Как поменять язык подсветки синтаксиса кода

Внизу справа имеется возможность поменять подсветку синтаксиса:

Рисунок 78 — Выбор языка подсветки синтаксиса

Как найти файл в папке проекта по его имени

Через Ctrl + P:

Рисунок 79 — Список файлов

Как второй документ отобразить рядом с первым документом

Эта функция часто используется в Notepad++. Тут она тоже есть: правая кнопка по вкладке с документом и выбираем, куда продублировать документ. Единственный минус, что в первой области документ остается открытым тоже, но его там можно просто закрыть:

Рисунок 80 — Разделить на две области

Рисунок 81 — Файл отображается во второй области справа

Как сворачивать код

Подведите курсор на номера строк. И там появятся стрелочки, нажимая на которые, код свернется:

Рисунок 82 — Несвернутый код

Рисунок 83 — Свернутый код

Как найти что-то в файле

Делается через стандартное сочетание клавиш Ctrl + F. Также там отображается число найденных мест:

Рисунок 84 — Панель поиска

Как заменить что-то в файле

Аналогично через Ctrl + F:

Рисунок 85 — Функции по замещению текста в панели поиска

Как найти в файлах всей папки

Делается через сочетание клавиш Shift + Ctrl + F. Замена во всех файлах проекта также делается:

Рисунок 86 — Поиск в директории

Можно также там задавать фильтр для файлов, по которым производится поиск:

Рисунок 87 — Поле для фильтра поиска

Как показать невидимые символы

Входим в консоль Ctrl + Shift + P и там набираем invisibles (или часть строки) и выбираем команду Window: Toggle Invisibles и её выбираем.

Отмена показа невидимых символов осуществляется аналогичным способом:

Рисунок 88 — Показ невидимых символов

Как продублировать текущую строку

Через Ctrl + Shift + D:

Рисунок 89 — Дублирование строки

Как закомментировать выделенные строчки

Через Ctrl + /:

Рисунок 90 — Комментирование строк

Как объединить выделенные строки в одну

Через Ctrl + J:

Рисунок 91 — Объединение строк в одну

Как ставить около строк отметки «bookmarks»

Через Ctrl + Alt + F2.

Переход между отметками осуществляется через F2:

Рисунок 92 — Отмеченные строки в коде

Как вызвать автодополнение принудительно

Через Ctrl + Space:

Рисунок 93 — Автодополнение кода

Как сделать все буквы заглавными/маленькими в выделенном тексте

Через Ctrl + K + U, чтоб все буквы стали большими:

Рисунок 94 — Приведение букв к верхнему регистру

Через Ctrl + K + L, чтоб все буквы стали маленькими:

Рисунок 95 — Приведение букв к нижнему регистру

Как перейти к соответствующей скобке (открывающейся/закрывающейся)

Через Ctrl + M:

Рисунок 96 — Переход к соответствующей скобке

Как посмотреть превью Markdown файла

Превью появляется после комбинации клавиш Ctrl + Shift + M:

Рисунок 97 — Превью Markdown файла

Как открыть несколько проектов (папок)

Рисунок 98 — Добавление новой папки

И у вас будет открыто несколько папок:

Рисунок 99 — Несколько открытых папок

Как полностью удалить Atom

Вначале удаляем как обычное приложение через Программы и компоненты в панели управления.

А потом в папке C:\Users\[Пользователь] удаляем папку .atom:

Рисунок 100 — Папка .atom

Также возможно придется полазить в реестре и поудалять упоминания об Atom:

Рисунок 101 — Поиск в реестре

Рисунок 102 — Ввод поискового запроса

И какие-то файлы могут остаться в папке ``C:\Users[Пользователь]\AppData\Localв папкеatom`:

Рисунок 103 — Папка atom

Набор горячих клавиш

Клавиатурные сокращения можно посмотреть тут:

Рисунок 104 — Клавиатурные сокращения

Ниже представлен список горячих клавиш, которые я использую.

Ctrl + S — сохранить файл.

Ctrl + Shift + P — открыть консоль Atom.

Ctrl + Alt + C — выбор цвета с помощью плагина color-picker.

Ctrl + Shift + T — открытие последней закрытой вкладки.

Ctrl + Alt + O — добавляет список функций в файле для быстрого перехода между ними в плагине symbols-tree-view.

F5 — сортировка.

Ctrl + P — поиск файла в проекте по имени.

Ctrl + F — поиск и замена.

Shift + Ctrl + F — поиск по всем файлам проекта.

Ctrl + Shift + D — продублировать строку.

Ctrl + / — закомментировать строки.

Ctrl + J — объединить строки в одну.

Ctrl + Alt + F2 — поставить метку около строчки.

F2 — перемещение между метками строк.

Ctrl + Space — вызов автодополнения.

Ctrl + K + U — все буквы заглавными.

Ctrl + K + L — все буквы маленькими.

Ctrl + M — перейти к соответствующей скобке (открывающейся/закрывающейся).

Ctrl + Shift + M — превью Markdown файла.

Ctrl + Shift + : — вызов подсказок, как исправить слово.

Ctrl + Alt + V — превью SVG файлов.

Ctrl + Alt + B — расставляем отступы в коде.

Ctrl + Shift + I — нужно нажать два раза, чтобы вызвать Developer Tools.

Ctrl + Alt + O — открытие файлов, папок, их создание с помощью плагина advanced-open-file.

Ctrl + Alt + Down — можно редактировать несколько строк одновременно.

Alt + [ и Alt + ] — переключение между вкладками с помощью пакета tab-switcher.