Harrix Блог

  • Списки статей
    • Все статьи
    • IT
    • Qt
    • C++
    • Сложение двух чисел
    • Web программированиe
    • FAQ
    • Latex
    • Установка программ
    • Мифы
    • Видео
    • Про фото
  • Проекты
  • Harrix.org
  • RSS
  • Контакты

Настройка Atom (full version)

Полная инструкция по установке, настройке, работе с FAQ.

21.09.2016 37 комментариев 160 634 просмотров

Свершилось! Наконец-то в Atom появилась проверка орфографии русского и английского языка! Так что опять возвращаюсь к теме Atom.

Содержание

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

Введение

Некоторое время назад, я пытался перейти с Notepad++ на Atom, а до этого на Sublime Text. Но всякий раз попытки были безуспешными, так как некоторых привычных инструментов из Notepad++ не хватало. Для Atom самым главным минусом для меня было отсутствие проверки орфографии русского языка.

Но проверка орфографии появилась! Поэтому попытаюсь еще раз перейти на этот продукт. И в данной статье я сведу все настройки, установки, советы по Atom, что буду использовать. В общем, вперед!

Установка

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

2016-09-16_002347

Запускаем скаченный файл, и он автоматически запустит установку без всяких диалоговых окон.

2016-09-16_002544

После установки откроется редактор.

2016-09-16_005009

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

2016-09-16_010513

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

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

2016-09-16_010703

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

2016-09-17_001733

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

2016-09-16_011548

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

2016-09-16_011256

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

2016-09-16_011743

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

Идем File → Settings.

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

2016-09-16_012115

Но, у меня почему-то не при последней установке данные команды не сработали. И никакие шаманства не помогли. Пришлось вручную добавлять соответствующие команды в реестр Windows 10.

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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 поменяйте на путь к программе на вашем компьютере. Он будет обязательно другой у вас. И обратите внимание, что в пути у вас должны быть двойные слэши.

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

2016-09-17_002904

2016-09-17_002921

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

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

2016-09-17_180216

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

2016-09-17_180929

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

2016-09-17_181225

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

2016-09-17_181246

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

2016-09-17_181549

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

2016-09-17_183345

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

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

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

2016-09-17_185437

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

2016-09-17_220433

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

2016-09-17_220710

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

2016-09-17_221054

Сделал компактным дерево папок.

2016-09-17_221210

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

2016-09-17_222326

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

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

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

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

2016-09-18_014728

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

2016-09-18_024004

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

2016-09-18_022221

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

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

2016-09-18_022531

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

У меня для LaTeX файлов этот тип определился как text.tex.latex.

2016-09-18_023534

Копируем этот тип и закрываем уведомление. Потом идем в настройки нашего пакета проверки орфографии.

И в разделе Grammars дописываем наш тип файлов.

2016-09-18_023723

Теперь проверка орфографии появилась и в LaTeX файлах.

2016-09-18_023834

Как могли заметить выше на моей светлой теме подсказки появляются с темным фоном. Исправим это.

2016-09-18_135537

2016-09-18_135556

И в файле styles.less вставляем такой код:

1
2
3
.select-list.popover-list {
    background-color: #fff;
}

2016-09-18_135612

Update. Вставьте туда еще и этот код. Это не для проверки орфографии, но там тоже проблема с цветом фона.

1
2
3
.panel-heading {
    background-color: #fff;
}

Сохраняем файл. Теперь подсказки будут появляться со светлым фоном.

2016-09-18_135523

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

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

2016-09-17_225741

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

2016-09-17_230640

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

2016-09-17_230759

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

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

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

2016-09-18_113603

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

2016-09-18_113313

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

В общем полезная вещь, особенно при условии, что иногда Atom фризится.

2016-09-21_001645

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

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

  1. minimap — карта документа справа от документа с возможностью прокрутки документа.
  2. 2016-09-17_231803

  3. pigments — для отображения цветов там, где мы их обозначаем в коде.
  4. 2016-09-17_232140

  5. color-picker — теперь цвет можно менять через пипетку Ctrl + Alt + C.
  6. 2016-09-17_232443

  7. file-icons — иконки для файлов в списке файлов.
  8. 2016-09-17_234109

  9. language-qml — подсветка синтаксиса для файлов .qml.
  10. 2016-09-17_234254

  11. language-ini — подсветка синтаксиса для файлов .ini.
  12. language-latex — для отображения LaTeX кода.
  13. 2016-09-17_234409

    2016-09-17_235057

  14. highlight-selected — Если выделили слово, то в других местах это же слово будет подсвечиваться.
  15. 2016-09-17_235339

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

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

  20. sorter — к сожалению, предыдущий плагин, хоть сильно и известный и предоставляет несколько вариантов сортировки, но не умеет (пока не умеет) сортировать числа как числа. А этот плагин умеет.
  21. 2016-09-21_000341

  22. export-html — печать документа с подсветкой синтаксиса. Переходим в консоль и там набираем export и выбираем нашу команду.
  23. 2016-09-18_001709

    2016-09-18_001656

  24. pdf-view — для просмотра pdf документов.
  25. 2016-09-18_001916

  26. svg-preview — превью svg файлов по сочетанию Ctrl + Alt + V.
  27. 2016-09-18_101653

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

    2016-09-18_104226

    Стало:

    2016-09-18_104243

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

    2016-09-18_104437

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

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

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

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

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

    Было:

    2016-09-18_105445

    Стало:

    2016-09-18_105506

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

  30. autoclose-html — автозакрытие HTML тэгов.
  31. 2016-09-18_111017

  32. simple-drag-drop-text — позволяет перетаскивать текст, как в любом другом редакторе.
  33. ezgif-1086360808

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

    2016-09-18_132818

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

    2016-09-18_133704

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

    2016-09-18_133838

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    .indent-guide-improved {
      background-color: #eef1f2;
      &.indent-guide-stack {
        background-color: #19a5a5;
        &.indent-guide-active {
          background-color: #19a5a5;
        }
      }
    }

    2016-09-18_134521

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

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

    2016-09-18_134605

  38. advanced-open-file — через Ctrl + Alt + O открываем файлы и их создаем, открываем папки без диалоговых системных окон.
  39. 2016-09-18_150843

  40. open-in-browsers — люблю в Notepad++ открывать html файлы прямо из редактора. Здесь это решается этим плагином.
  41. 2016-09-18_152349

  42. multi-cursor — позволяет через Alt + Up и Alt + Down добавлять возможность редактировать одновременно несколько строк. В Notepad++ это делалось через клавишу Alt.
  43. 2016-09-18_163800

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

  46. split-diff — позволяет сравнивать два файла.
  47. minimap-split-diff — дополнение к предыдущему пакету, чтобы изменения отображались и на миникарте.
  48. Итак, как производить сравнения файлов. Один из двух файлов отправляем во вторую панель.

    2016-09-18_191855

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

    2016-09-18_191951

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

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

    2016-09-18_192110

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

    2016-09-18_192157

  49. tab-switcher ― переключение между вкладками с помощью Alt + [ и Alt + ].
  50. 2016-09-18_210839

  51. fold-lines — при сворачивании блока показывает заметную линию.
  52. 2016-09-18_211607

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

  55. markdown-writer команды для работы с markdown файлами.
  56. 2016-09-18_232504

  57. markdown-preview-plus-opener ― чтобы просмотр markdown документов открывался сразу при открытии markdown документов.
  58. tool-bar — панель инструментов. Сам по себе данный плагин ничего не делает, а предназначен для других плагинов, которые создают панель инструментов. Так как кнопок будет много, то размер кнопок выставим маленькими.
  59. 2016-09-21_094833

  60. flex-tool-bar ― данный плагин служит для настройки предыдущего плагина, где вы можете гибко создать свою панель инструментов.
  61. При установке плагина появляется пустая панель инструментов с одной кнопкой, которая открывает файл, в котором будем прописывать наши кнопки.

    2016-09-19_014343

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
    245
    246
    247
    248
    249
    250
    251
    252
    253
    254
    255
    256
    257
    258
    259
    260
    261
    # 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: 'cursor-text'
            iconset: 'mdi'
            callback: "multi-cursor:expandDown"
            tooltip: "Multi Cursor"
        }
        {
            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: "sorter:natural-sort"
            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"
        }
    ]

    2016-09-21_122128

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

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

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

2016-09-21_100356

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

Через Ctrl + Shift + P.

2016-09-18_010208

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

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

2016-09-18_010309

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

Через Ctrl + P.

2016-09-18_010413

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

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

2016-09-18_010614

2016-09-18_010641

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

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

2016-09-18_010833

2016-09-18_010843

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

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

2016-09-18_010942

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

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

2016-09-18_011046

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

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

2016-09-18_011247

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

2016-09-18_011330

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

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

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

2016-09-18_011653

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

Через Ctrl + Shift + D.

2016-09-18_011919

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

Через Ctrl + /.

2016-09-18_011956

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

Через Ctrl + J.

2016-09-18_012019

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

Через Ctrl + Alt + F2.

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

2016-09-18_012123

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

Через Ctrl + Space.

2016-09-18_012217

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

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

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

2016-09-18_012314

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

Через Ctrl + M.

2016-09-18_012350

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

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

2016-09-17_235002

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

2016-09-18_123845

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

2016-09-18_123959

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

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

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

2016-09-16_003105

Также возможно придется полазить в реестре и поудалять упоминания об Atom. Часть упоминаний приводится выше в разделе «Открытие файлов и каталогов через контекстное меню».

2016-09-16_134725

2016-09-16_135437

И какие-то файлы могут остаться в папке /AppData/Local.

2016-09-16_141726

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

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

2016-09-18_013938

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

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 — расставляем отступы в коде.

Alt + Ctrl + I — вызов Developer Tools.

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

Up и Alt + Down — можно редактировать несколько строк одновременно с помощью плагина multi-cursor.

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


Статьи по теме:

  1. Настройка текстового редактора Atom и дополнительные пакеты
  2. FAQ по текстовому редактору Atom
  3. Шпаргалка по Notepad++
  4. Плагины Notepad++

IT Atom, Текстовой редактор

© 2014 Harrix